由于main.js里面全局注册内容太多,将全局注册的组件全部进行一个封装,因此,在main.js里面只需要引入一个文件,其他全局注册的组件全部都封装在了一个文件里面。
目标
: 利用 Vue.use
统一全局注册组件
文档: https://cn.vuejs.org/v2/api/#Vue-use
说明:
-
Vue.use 可以接收一个对象, Vue.use(obj)
-
对象中需要提供一个 install 函数,(这个install函数会自动执行)
-
install 函数可以拿到参数 Vue, 且将来会在 Vue.use 时, 自动调用该 install 函数(install函数里面可以有一个参数Vue,这个Vue是指Vue组件)
提供统一注册的入口文件 src/componets/index.js
// 该文件负责所有的公共组件的全局注册
// vue插件机制: Vue.use
import PageTools from './PageTools'
export default {
install(Vue) {
Vue.component('PageTools', PageTools)
}
}
在入口处进行注册 src/main.js
Vue.use 注册使用自己的插件模块
import Components from './components'
Vue.use(Components)