vue.component的理解

vue.component

1. 有计算属性
2. data属性 要注意 data必须是一个函数，返回一个对象，这样他就每次拷贝一份数据，这样就不会导致所有组件共享一个数据
   
3. 传值
4. 方法
5. 等等
6. 其实就相当于一个.vue文件
7. 相当于注册一个全局的组件，可以在父级组件引入

<div id="faCounter">  <!--faCounter 就是组件元素counter的父元素，要把新建的vue实例绑定在这个父元素-->
<counter></counter>   <!--counter 就是新建的组件，也就是自定义的元素-->
</div>
 
<script> 
//定义一个新的vue 组件。组件就是自定义的元素
Vue.component("counter",{    //1.组件名为"conter"; 2.data 写函数; 3.template 写组件的内容（元素和触发的事件）
	data:function(){
			return {count:0}
	},
 
//template 是模板的意思，在 html 里面是一个可以同时控制多个子元素的父元素。在这里定义了组件的内容
	template:'<button v-on:click="count++">点击计算点击次数：{{count}}次</button>'
})
 
//定义一个新的vue  实例，用el 绑定组件元素（counter）的父元素  faCounter 元素上
new Vue({
	el:"#faCounter"
})
 
</script>