组件

 

 在 Vue 里，一个组件实质上是一个拥有预定义选项的一个 Vue 实例

 

 

 props表示让组件接受一个字段，字段即data里的text

 Vue.js 组件非常类似于自定义元素，又有区别，Vue.js 组件提供了原生自定义元素所不具备的一些重要功能，比如组件间的数据流，自定义事件系统，以及动态的、带特效的组件替换。

我们已经将应用分割成了两个更小的单元，子元素通过 props 接口实现了与父亲元素很好的解耦。我们现在可以在不影响到父应用的基础上，进一步为我们的 todo 组件改进更多复杂的模板和逻辑。

 

 

 

 每点击一次按钮，按钮上的数字就加1   ，3个按钮组件共享一个data，哪一个都是3个同时变化

 

 把return a变为 return {counter ：0}  则3个组件变化就是独立的，每个组件的data都是单独的

组件data必须是一个函数  ，但是组件的data不是函数名,没有函数名      Vue（）里面的函数定义是 函数名: function （[?]）{　　}

 

props传递数据，组件详解，多组件配合与通信https://www.w3cschool.cn/vuejs2/components.html