vue中全局注册组件

1在main.js中全局注册公用组件,多个页面都用到的组件就不用引入多次。

import myPlugin from '@/components/common/index.js'
Vue.use(myPlugin) //全局组件

2 在公共组件中需要新建一个index.js文件进行注册处理。

import loadMore from './dataLoading.vue'    //下滑加载更多 
import searchFirstLevel from './searchFirstLevel.vue'    //一级公共搜索头部
import searchSecondLevel from './searchSecondLevel.vue'    //二级公共搜索头部 
export default {
  install (Vue) {
    Vue.component(loadMore.name, loadMore),
    Vue.component(searchFirstLevel.name, searchFirstLevel),  
    Vue.component(searchSecondLevel.name, searchSecondLevel)  
  }
}

3 链接地址

你可能感兴趣的:(Vue)