vue组件

自定义组件


vue组件_第1张图片
点击按钮每次增加1

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

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

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

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

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

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

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


vue组件_第2张图片
自定义title

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


vue组件_第3张图片
点击 Enlarge text button标题和内容字体增大


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

你可能感兴趣的:(vue组件)