vue组件
标签(空格分隔): vue
组件可以扩展HTML元素,封装可重用代码。
注册
组件的注册有两种:
- 全局注册
使用Vue.component(tagName, options)
注册全局组件
<div id="example">
<my-component></my-component>
</div>
//-----------------------------------
// 注册
Vue.component('my-component', {
template: '<div>A custom component!</div>'
})
// 创建根实例
new Vue({
el: '#example'
})
渲染为:
<div id="example">
<div>A custom component!</div>
</div>
- 局部注册
通过使用组件实例选项注册,可以使组件仅在另一个组件的作用域中可用。