vue组件通信
作者:互联网
父子组件的通信
父组件通过props向子组件传递数据
子组件通过事件向父组件发送消息
父传子:
- 子组件在props中创建一个属性,用以接收父组件传过来的值
- 父组件中注册子组件
- 在子组件标签(在父组件文件中)中添加子组件props中创建的属性,也可以不添加直接用props里设置的默认值
- 把需要传给子组件的值赋给该属性
子传父(自定义事件):
-
在子组件中创建一个按钮,给按钮绑定一个点击事件
- 在响应该点击事件的函数中使用$emit来触发一个自定义事件,并传递一个参数
- 在父组件中的子标签中监听该自定义事件并添加一个响应该事件的处理方法
标签:vue,自定义,在子,通信,添加,事件,props,组件 来源: https://www.cnblogs.com/zxf906/p/15121110.html