vue.prototype和vue.use的区别和注意点小结

vue.prototype和vue.use的区别和注意点

1、vue.prototype：实例上挂载属性/方法，例如Vue.prototype.axios=axios;

2、vue.use：引入插件，例如vuex，vue.use(vuex)

如图，vue.use会初始化插件，运行导出的intsall函数

// 使用插件Vuex //初始化插件Vue.use(plugin);区别：
1、不是为了vue写的插件(插件内要处理)不支持Vue.use()加载方式
2、非vue官方库不支持new Vue()方式
3、每一个vue组件都是Vue的实例，所以组件内this可以拿到Vue.prototype上添加的属性和方法。

总结

Vue的插件是一个对象,
插件对象必须有install字段.
install字段是一个函数.
初始化插件对象需要通过Vue.use()

补充：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.prototype和vue.use的区别和注意点的文章就介绍到这了,更多相关vue.prototype和vue.use的区别内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

最新评论