三、全局组件的使用
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>