Vue 组件 vue.conponent的使用

:组件时可复用的vue实列,且带有一个名字
:可以在一个通过new vue创建的vue根实列中,把着个组件作为自定义元素来使用

1、 定义一个新组建。命名为counter
格式：
（1） 组件名为**“conter”**
（2） data数据属性：写函数
（3） tenpalate模板：写组件的内容（元素和触发的事件）

代码：
Vue.component(“counter”,{ //1.组件名为"conter"; 2.data 写函数; 3.template 写组件的内容（元素和触发的事件）
data:function(){
return {count:0}
},
//template 是模板的意思，在 html 里面是一个可以同时控制多个子元素的父元素。在这里定义了组件的内容
template:‘点击计算点击次数：{ {count}}次’
})

数据属性data必须是一个返回值的函数
Data：function*（）｛
Return｛count：0｝｝

2、 在创建的vue根实列中,把这个组件为自定义元素来使用组件
这里id元素(faConter)就是vue实列的根元素.
组件counter被作为自定义元素,嵌套在根元素faCounter里面
代码:

<div id