vue的使用$emit

vue的使用

1.0 vue组件之$emit

父组件是使用 props 传递数据给子组件,但如果子组件要把数据传递回去,应该怎样做?那就是自定义事件!
官网的解释:https://cn.vuejs.org/v2/api/#vm-emit
vue的使用$emit_第1张图片


	
		
		Vue 自定义事件

	
		

总数{{total}}


vue的使用$emit_第2张图片

2.0v-model还可以用来创建自定义的表单输入组件 进行数据双向绑定

vue的使用$emit_第3张图片


	
		
		Vue 自定义事件
	
	
		

总数{{total}}

3.0Vue 父子组件通信之子组件索引

当子组件较多的时候,我们可以用特殊的属性== ref==来为子组件指定一个索引名称
vue的使用$emit_第4张图片

你可能感兴趣的:(vue)