前端设计

Vue.prototype、Vue.component和Vue.use区别

2023-04-06

Vue.prototype、Vue.component和Vue.use区别


1、Vue.prototype

在多个地方都需要使用但不想污染全局作用域的情况下,这样定义,在每个 Vue 实例中都可用。

参考:https://cn.vuejs.org/v2/cookbook/adding-instance-properties.html

$ 表示这是一个在 Vue 所有实例中都可用的属性

常用于方法、变量等



import echarts from 'echarts'

Vue.prototype.$echarts = echarts 


2、vue.component

全局注册组件,

第一个参数是调用组件时写的组件名

第二个参数是引入组件时写的名称

可用于注册自定义组件



import myLoading from 'base/loading'

Vue.component('myLoading',myLoading);


3、Vue.use

同样是全局注册,和component的区别是接收的参数必须有install方法

常用于注册第三方插件


import ElementUI from 'element-ui';

Vue.use(ElementUI);