vue.prototype和vue.use的区别

Vue.use和Vue.prototype区别

相同点都是注册插件的方式,没有本质区别,都是在vue.prototype上添加了一个方法
不同点vue.use适用于注册vue生态内的插件,vue.prototype适用于注册生态外的插件

vue.prototype用法

需要设置全局变量,在main.js中,Vue实例化的代码里添加。 不想污染全局作用域。这种情况下,你可以通过在 原型 上定义它们使其在每个Vue实例中可用。

vue.prototype.$echarts = echarts

Tips:变量前加上$,是防止被组件中的变量意外覆盖

vue.use用法
  • 通过全局方法Vue.use()使用插件
  • Vue.usew会自动阻止多次注册插件
  • 她需要在你调用new Vue()启动应用之前完成

Tips:Vue.use() 方法至少传入一个参数,该参数类型必须是 Object 或 Function,如果是 Object 那么这个 Object 需要定义一个 install 方法,如果是 Function 那么这个函数就被当做 install 方法。在 Vue.use() 执行时 install 会默认执行,当 install 执行时第一个参数就是 Vue,其他参数是 Vue.use() 执行时传入的其他参数。

你可能感兴趣的:(vue,js,javascript,es6)