自定义组件
![](https://img.haomeiwen.com/i6050824/4d7a46478b3ec49e.jpg)
<button-counter></button-counter>
因为组件是可复用的 Vue 实例,所以它们与 new Vue 接收相同的选项 如data、computed、watch、methods
仅有的例外是像 el 这样根实例特有的选项
组件可以进行任意次数的复用
组件的data必须是一个函数 因此每个实例可以维护一份被返回对象的独立的拷贝
组件的注册类型:全局注册和局部注册
每个组件必须只有一个根元素
Prop 可以在组件上注册的一些自定义特性
![](https://img.haomeiwen.com/i6050824/5f6ada25eb974c34.jpg)
通过事件向父级组件发送消息
![](https://img.haomeiwen.com/i6050824/b9cbd2296d95eabe.png)
通过内建的 $emit(envent) 方法并传入事件的名字,来向父级组件触发一个事件
网友评论