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

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);