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 props 单项数据流实例分享内容，需要的朋友们可以参考下。2020-02-02
这篇文章主要介绍了Vue 自适应高度表格的实现方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-05-05
这篇文章主要介绍了通过命令创建vue项目的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-07-07
热更新全称Hot Module Reload,常常在构建工具里面出现,下面这篇文章主要介绍了Vue Vite热更新不起作用的正确解决办法,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-03-03
单项数据流和双向数据绑定的概念，这两种不是相互冲突的吗？即然能用v-model双向数据绑定，不应该就是双向数据流了吗？本文就详细的介绍一下2022-04-04
Vue+Typescript中在Vue上挂载axios使用时报错问题
这篇文章主要介绍了Vue+Typescript中在Vue上挂载axios使用时报错问题，本文给大家介绍的非常详细，具有一定的参考借鉴价值 ,需要的朋友可以参考下2019-08-08
本文主要介绍了Vue+java实现时间段的搜索示例，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2022-06-06
这篇文章主要为大家介绍了详解如何使用vue和electron开发一个桌面应用，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-03-03
tsconfig.json文件中指定了用来编译这个项目的根文件和编译选项,本文就来介绍一下Vue开发配置tsconfig.json文件的实现,感兴趣的可以了解一下2023-08-08
本篇文章主要介绍了详解给Vue2路由导航钩子和axios拦截器做个封装，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-04-04
最新评论