三桶错、全局組件的使用
1)注冊(cè)全局組件
通過Vue.component()進(jìn)行全局組件的注冊(cè)炒刁,如下所示:
// src/main.js文件
import Vue from 'vue'
// 引入全局組件
import TypeNav from '@/components/TypeNav';
/**
* 注冊(cè)全局組件
* Vue.component(arg1, arg2)
* arg1: 組件使用的名稱標(biāo)簽
* arg2: 具體組件
*/
Vue.component(TypeNav.name, TypeNav)
2)使用全局組件
通過全局注冊(cè)之后的組件坠七,即可在項(xiàng)目中任意組件中使用,無需再進(jìn)行引用命雀、注冊(cè)蒜哀。使用方法與在內(nèi)部使用一致,如下所示:
<!--文件地址:src/view/home/index.vue-->
<div>
<h1>我是首頁</h1>
<TypeNav></TypeNav>
</div>