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基础配置讲解内容，有兴趣的朋友们可以学习下。2019-11-11
这篇文章主要介绍了vue实现选项卡选项卡切换效果,这里的Vue以单文件的形式引入，另外代码在实现上会一步步的进行优化。需要的朋友可以参考下2018-04-04
这篇文章主要介绍了vue 解决provide和inject响应的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-11-11
这篇文章主要介绍了vue-cli3.0如何修改端口号，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-04-04
这篇文章主要介绍了vue-cli3 从搭建到优化的详细步骤，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2019-01-01
这篇文章主要介绍了解决Vuepress码云部署及自动跳转404的问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-09-09
这篇文章主要介绍了vue项目打包:修改dist文件名方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-12-12
本文讨论了watch函数是如何利用副作用函数和options进行封装实现的，也通过调度函数去控制回调函数的立即执行和执行时机，还可以解决竞态问题，感兴趣的可以了解一下2022-04-04
本篇文章主要介绍了vue component 组件使用 ，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-03-03
最近遇到了个问题,用v-bind动态绑定img的src,图片加载不出来,所以下面这篇文章主要给大家介绍了关于vue动态加载本地图片的相关资料,需要的朋友可以参考下2021-07-07
最新评论