[JavaScript知识库]Vue全局组件 和 局部组件

目录

全局自定义组件

局部自定义组件

解释

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

? ??全局自定义组件

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

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

Vue.component('my-tab-item', myTabItem) // 这种注册组件的方式叫做全局自定义组件

• 全局自定义组件是使用 Vue.component('组件名', 组件模板)//组件模板就是引入组件路径定义的名字

局部自定义组件

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