vue之Vue.use的使用场景及说明
更新时间：2022年12月07日 10:19:42 作者：牛先森家的牛奶
这篇文章主要介绍了vue之Vue.use的使用场景，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
vue之Vue.use的场景
首先看下使用场景
基于vue官网提供如下：
1、新建plugin文件夹
2、新建test.js文件，内容如下：
export default ((Vue, data) => {
// ...
console.log(Vue, data); // vue 123 第二个参数是main.js调用时 传递过来的
})
3、新建test2.js文件，内容如下：
function test1(Vue, data) {
// ...
console.log(Vue, data); // vue fqniu 第二个参数是main.js调用时 传递过来的
}
const test2 = {
// install 是默认的方法。当外界在 use 的时候，就会调用本身的 install 方法，同时传一个 Vue 这个类的参数。
install(Vue, data) {
// ...
console.log(Vue, data); // vue niuniu 第二个参数是main.js调用时 传递过来的
}
}
export {
test1,
test2
}
4、在main.js中引入如下：
// 测试vue.use用法
import test from '@/plugin/test'
Vue.use(test, '123')
import { test1, test2 } from '@/plugin/test2'
Vue.use(test1, 'fqniu')
Vue.use(test2, 'niuniu')
5、效果如下：
注意test2.js中test2方法中使用install方法，基于vue提供方式
Vue.use是干什么的？
vue.use 是用来安装 Vue.js 插件。这个插件可以是一个组件也可以是一个函数，插件里要有一个 install 方法，install 方法调用时，他的第一个参数就是 Vue 在调用 vue.use 方法的时候就会执行 Vue.install 方法
该方法需要在调用 new Vue() 之前被调用。
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了Vue.js应用回退或刷新界面时提示用户保存修改问题，本文通过两种手段防止运营编辑时丢失数据，具体内容详情，感兴趣的朋友跟随小编一起看看吧2019-11-11
Vue 路由过渡是对 Vue 程序一种快速简便的增加个性化效果的的方法，这篇文章主要介绍了Vue实现路由过渡动效的4种方法，感兴趣的可以了解一下2021-05-05
这篇文章主要介绍了vue导出html、word和pdf的实现方法，文中完成了三种文件的导出但是还有很多种方法，小编就不给大家一一列举了,需要的朋友可以参考下2018-07-07
这篇文章主要介绍了使用Vue.js开发微信小程序开源框架mpvue解析,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-03-03
这篇文章主要介绍了Python合成Excel表的实现代码（多sheet）,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2021-04-04
这篇文章主要介绍了Vue props用法详解(小结),小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-07-07
本文通过实例代码给大家介绍了基于Vue开发数字输入框组件,需要的朋友可以参考下2017-12-12
这篇文章主要介绍了Vue Render函数创建DOM节点代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-07-07
下面小编就为大家分享一篇解决使用Vue.js显示数据的时,页面闪现原始代码的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-02-02
vue+elementui+vuex+sessionStorage实现历史标签菜单的示例代码
本文主要介绍了vue+elementui+vuex+sessionStorage实现历史标签菜单的示例代码，文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-12-12
最新评论