Vue全局组件 和 局部组件

192 阅读1分钟

目录

全局自定义组件

局部自定义组件


解释

  • 自定义组件分为全局自定义组件和局部自定义组件,全局组件可以全局使用不需要在使用的页面引入,
    
    局部组件仅限当前引入页面
    

    全局自定义组件

            写好组件在main文件直接引入,这种是最简单的方式

import myTabItem from '@/components/myTabItem/myTabItem.vue'

Vue.component('my-tab-item', myTabItem) // 这种注册组件的方式叫做全局自定义组件
  • 全局自定义组件是使用 Vue.component('组件名', 组件模板)//组件模板就是引入组件路径定义的名字

局部自定义组件

  • 在一个组件通过配置项 components注册的组件