组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素,封装可重用的代码。在较高层面上,组件是自定义元素,Vue.js 的编译器为它添加特殊功能。在有些情况下,组件也可以是原生 HTML 元素的形式,以 is 特性扩展。
注册全局组件
Vue.component('my-component',{
props:["myMessage",'text','isComplete'],
template:"<div>A custom component!<br/>{{todo2.age}}-{{todo2.name}}</div>",
data:function(){
return {todo2:{name:"wo",age:23}}
}
});
new Vue({
el:"#id",
})
注册局部组件
var jubu = {
template:'<div>A custom component!2222</div>'
};
new Vue({
el:"#id",
component:{"my-component":jubu},
data:{}
})