Vue子组件给父组件传值 父组件给子组件传值 demo 示例代码

QQ技术交流群 173683866 526474645 欢迎加入交流讨论,打广告的一律飞机票

Vue子组件给父组件传值 需要使用自定义事件

流程:

1.子组件创建并监听自定义事件,

2.在事件函数里面执行emit函数,通过emit把想传的值传给父组件

3.父组件在子组件上监听emit定义的事件名称并绑定自身的函数,在函数的参数中接收子组件传递的参数。

效果图:

实现代码:




	
		
		Vue 父组件和子组件相互传值demo
		
		
	

	
		

{{ total }}

 

你可能感兴趣的:(vue,JS)