Vue组件注册

全局注册方法

Vue.component('my-component-name', {

// ... 选项 ...

})

Vue.component('component-a', { /* ... */ })

Vue.component('component-b', { /* ... */ })

Vue.component('component-c', { /* ... */ })

new Vue({ el: '#app' })

<div id="app">

<component-a></component-a>

<component-b></component-b>

<component-c></component-c> </div>

局部注册方法

var ComponentA = { /* ... */ }

var ComponentB = { /* ... */ }

var ComponentC = { /* ... */ }

new Vue({

el: '#app',

components: {

'component-a':ComponentA,

'component-b':ComponentB

}

})

或者

import ComponentA from './ComponentA.vue'

export default {

components: {

ComponentA

},

// ...

}