Vue的组件
组件是可复用的Vue实例
因为组件是可复用的Vue实例，所以他们与new Vue接受相同的选项，例如data、computed、watch、method以及生命周期钩子等。
组件有两种注册注册类型：全局组件和局部组件。
全局组件
全局组件：在全局注册之后可以被在其注册之后的任何新创建的Vue根实例，也包括其组建树中的所有子组件模板中。Vue.component("component-name",{
data:function(){
return {
}
}
template:''
})
局部组件
<body>
<div id="app">
</div>
<script type="text/javascript" src="vue.js"></script>
<script type="text/javascript" >
//全局组件注册
Vue.component('gComponent',{
template:'<h1>我是全局组件</h1>'
});
//局部组件注册
var App = {
template:'<div>' +
'我是局部组件' +
'<gComponent/>' +//全局组件使用
'</div>'
}
new Vue({
el:"#app",
data:function(){
return{
}
},
//局部组件挂载
components:{
my_component:App
},
//局部组件使用
template:'<my_component/>'
});
</script>
</body>
组件的介绍就先到这啦。
持续更新中