Vue组件03

by Luo Qin

HTML

<div id="app">
  <component-a></component-a>
</div>

Vue

//component-a是一个全局组件
Vue.component('component-a',{
    template:'<div><p>这里是全局组件</p><component-b></component-b></div>',
    //使用components在父组件中注册局部组件
    components:{
        'component-b': {
            template:'<button>这是一个局部组件</button>'
        },
    }
})
new Vue({
  el: "#app"
})