Vue.js和Element ui学习笔记《三》 ----组件

组件component

• 组件系统是 Vue 的另一个重要概念，因为它是一种抽象，允许我们使用小型、独立和通常可复用的组件构建大型应用。仔细想想，几乎任意类型的应用界面都可以抽象为一个组件树：*

全局注册组件

//全局注册组件
Vue.component('my-header',{
  template:'<p>this is my header</p>'
})

//构建另一个组件模板
 <div>
<my-header>lalalala</my-header>
 <div>

局部注册组件

var myHeader = {
    template:'<p>this is my header</p>'
}

//根节点引用myHeader 组件
new Vue（{
    el:'#app',
    components:{
        'my-header':myHeader 
    }
}）