vue组件

自定义组件


点击按钮每次增加1

<button-counter></button-counter>

因为组件是可复用的 Vue 实例,所以它们与 new Vue 接收相同的选项 如data、computed、watch、methods

仅有的例外是像 el 这样根实例特有的选项

组件可以进行任意次数的复用   

组件的data必须是一个函数  因此每个实例可以维护一份被返回对象的独立的拷贝

组件的注册类型:全局注册和局部注册

每个组件必须只有一个根元素

Prop 可以在组件上注册的一些自定义特性


自定义title

通过事件向父级组件发送消息


点击 Enlarge text button标题和内容字体增大


通过内建的 $emit(envent) 方法并传入事件的名字,来向父级组件触发一个事件

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容