VUE組件註冊

1、註冊組件

1.Vue.component全局註冊

//全局註冊組件
Vue.component('component-a', { /* 模板內容 */ })
Vue.component('component-b', { /*模板內容 */ })
Vue.component('component-c', { /*模板內容 */ })

//建立vue跟實例
new Vue({ el: '#app' })

//調用組件
<div id="app">
  <component-a></component-a>
  <component-b></component-b>
  <component-c></component-c>
</div>

　　2.局部註冊

//申明變量並將模板內容賦值給變量
var ComponentA = { /* 模板內容 */ }
var ComponentB = { /*模板內容 */ }
var ComponentC = { /* 模板內容 */ }

//建立VUE根實例，註冊組件並給組件賦值
new Vue({
  el: '#app',
  components: {
    'component-a': ComponentA,
    'component-b': ComponentB
  }
})

　　在vue-cli構建項目中註冊方法以下：

//引入組件
import ComponentA from './ComponentA.vue'
//拋出組件
export default {
  components: {
    ComponentA
  },
  // ...
}