温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

vue.prototype和vue.use的区别和注意点有哪些

发布时间:2023-04-08 16:08:02 来源:亿速云 阅读:130 作者:iii 栏目:开发技术

本篇内容介绍了“vue.prototype和vue.use的区别和注意点有哪些”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!

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

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

vue.prototype和vue.use的区别和注意点有哪些

2、vue.use:引入插件,例如vuex,vue.use(vuex)

vue.prototype和vue.use的区别和注意点有哪些

如图,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的区别和注意点有哪些”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注亿速云网站,小编将为大家输出更多高质量的实用文章!

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI