Vue组件通讯-白红宇

Vue组件通讯

阅读量：7280 次

发布时间：2019-06-30

本文共 490 字，大约阅读时间需要 1 分钟。

1.父→子：通过props传递数据

子组件：在子组件内通过props接收父组件数据

props: ['parentMsg']

父组件：在子组件调用标签中传入父组件数据

2.子→父：通过事件发送数据

子组件：通过$emit发送自定义事件fire和子组件数据child

父组件：其中world为子组件名称，自定义事件fire被触发后调用父组件的childInfo方法，方法中的参数为接收到的child数据

3.完整代码

父组件：因为子组件是局部注册的，先通过import导入，再在父组件中components注册

子组件：接收父组件数据后可以进行操作，这里直接用插值表达式显示出来

转载于:https://www.cnblogs.com/zgdawdl/p/10220347.html

你可能感兴趣的文章

zabbix 自动发现 tomcat日志异常文件数量

查看>>

javascript的正则表达式

查看>>

windows服务器远程桌面（rdpclip.exe）的妙用

查看>>

使用inotify监视Linux文件变化

查看>>

SQLite第八课 auth.c授权文件解析

12c DataGuard switchover to 'primary'

查看>>

Django返回json数据

查看>>

在Linq to Entity 中使用lambda表达式来实现Left Join和Join

查看>>

Linux自学笔记——http协议进阶及httpd配置（2）

查看>>

Linux必会原理之软连接文件和硬链接文件的区别

查看>>

ORACLE 12c常见问题解决

查看>>

查看安装的tensorflow版本号和路径

查看>>

依靠自学，争取帮助

查看>>

利用Zabbix的自动注册功能添加局域网中的服务器进行监控

查看>>

system center 详解

查看>>

shell介绍，命令历史，命令补全和别名，通配符，输入输出重定向

查看>>