什么是组件？

组件 (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:{}
})
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容