[Vue]组件化开发之组件注册

Vue组件注册

分为两类

1. 局部注册

2. 全局注册

局部注册

1.特点

只能在注册的组件内使用

2.步骤

1. 创建.vue文件（三个组成部分）

2. 在使用的组件内先导入再注册，最后使用

3.使用方式

当成html标签使用即可 <组件名></组件名>

4.注意

组件名规范 —> 大驼峰命名法

5.语法

// 导入需要注册的组件
​
import HmHeader from './components/HmHeader'
​
export default {•  // 局部注册
  components: {
    HmHeader:HmHeaer,
    HmHeader        //简写
  }
}

全局注册

1.特点

全局注册的组件，在项目的任何组件中都能使用

2.步骤

1. 创建.vue组件（三个组成部分）

2. main.js中进行全局注册

3.使用方式

当成HTML标签直接使用

<组件名></组件名>

4.注意

组件名规范 —> 大驼峰命名法

5.语法

在main.js文件中Vue.component('组件名', 组件对象)例：