代碼復(fù)用和抽象的主要形式是組件
注冊一個組件:
Vue.component('my-component', {
// 選項(xiàng)
})
組件在注冊之后骇陈,便可以作為自定義元素 <my-component></my-component> 在一個實(shí)例的模板中使用。
<div id="example">
<my-component></my-component>
</div>
// 注冊
Vue.component('my-component', {
template: '<div>A custom component!</div>'
})
// 創(chuàng)建根實(shí)例
new Vue({
el: '#example'
})