-
使用vue-cli脚手架快速搭建一个项目vue_use_demo,专门用来测试vue.use的使用,项目的核心结构如下:
-
components/LoadingOne.vue
3.components/LoadingTwo.vue
4.vueUse/index.js
注:
4.1 vueUseObj是一个对象,该对象中必须定义一个install方法。!!!!!!
当在main.js调用Vue.use(vueUseObj, 1, 2)时,vueUSeObj中的install就会执行,并且Vue实例将会自动注入到install的第一个形参Vue
4.2 vueUseFn是一个函数(方法)
当在main.js调用Vue.use(vueUseFn, ‘A’, ‘B’)时,则会自动执行vueUseFn这个函数,并且Vue实例会自动注入到vueUSeFn这个函数的第一个形参中
-
main.js
-
App.vue
7,运行结果: