vue组件的深入理解

组件

组件是可以复用的Vue实例，也可以说是一个自定义元素

组件可以扩展HTML元素，封装可重用的代码。 
注册全局组件： 
 

Vue.component(tagName,options)的形式。如：

Vue.component('my-component',{
    template:'<div>This is my component</div>'
});

组件注册需要在初始化根实例之前进行，即先注册组件，再初始化Vue实例。对组件进行注册之后，就可以在父实例中使用。

HTML：

<div id="test">
    <my-component></my-component>
</div>

JS：//注册全局组件

Vue.component('my-component',{
    template:'<div>This is my component</div>'
});

//初始化根实例
 

var test = new Vue({
    el: '#test',//实例挂载点
});