vue记录---全局组件的使用

三、全局组件的使用

1）注册全局组件

通过Vue.component()进行全局组件的注册，如下所示：

// src/main.js文件
import Vue from 'vue'

// 引入全局组件
import TypeNav from '@/components/TypeNav';
/**
 * 注册全局组件
 * Vue.component(arg1, arg2)
 *  arg1: 组件使用的名称标签
 *  arg2: 具体组件
 */
Vue.component(TypeNav.name, TypeNav)
2）使用全局组件

通过全局注册之后的组件，即可在项目中任意组件中使用，无需再进行引用、注册。使用方法与在内部使用一致，如下所示：

<!--文件地址：src/view/home/index.vue-->
<div>
  <h1>我是首页</h1>
  <TypeNav></TypeNav>
</div>
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容