vue之Vue.use的使用场景及说明

这篇文章主要介绍了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、效果如下：