Vue-注册全局组件的两种方法
第一种:在main.js中直接注册// 引入import PageTools from '@/components/PageTools'// 注册为全局组件Vue.component('PageTools', PageTools)缺点:如果我们需要注册的全局组件非常多,我们需要一个一个引入,然后分别调用Vue.component方法,main.js文件会变的很大,不好维护。第二种:使用插件的形式注
·
第一种:在main.js中直接注册
// 引入
import PageTools from '@/components/PageTools'
// 注册为全局组件
Vue.component('PageTools', PageTools)
缺点:如果我们需要注册的全局组件非常多,我们需要一个一个引入,然后分别调用Vue.component方法,main.js文件会变的很大,不好维护。
第二种:使用插件的形式注册
在统一注册的入口文件 中
// 引入
import PageTools from './PageTools'
export default {
install(Vue) {
// 注册全局组件
Vue.component('PageTools', PageTools)
}
}
入口文件注册插件(main.js)
import Components from './components'
Vue.use(Components)
更多推荐
已为社区贡献1条内容
所有评论(0)