vue中全局注册组件

最新推荐文章于 2024-06-28 14:59:42 发布

qq_43067405

最新推荐文章于 2024-06-28 14:59:42 发布

阅读量203

点赞数

分类专栏： Vue

本文链接：https://blog.csdn.net/qq_43067405/article/details/107151965

版权

Vue 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

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)  
  }
}