$refs $emit
- 目录
- 概述
- 需求：
- 设计思路
- 实现思路分析
- 1.$refs：
- 2.$emit：子组件 向 父组件 抛出一个事件，由子级来主导
- 3.props
- 参考资料和推荐阅读
Survive by day and develop by night.
talk for import biz , show your perfect code,full busy，skip hardness,make a better result,wait for change,challenge Survive.
happy for hardess to solve denpendies.
目录
概述
$refs $emit是一个非常常见的需求。
需求：
设计思路
实现思路分析
1.$refs：
父组件 调用 子组件的 方法 或者 属性，由父级来主导调用
这里我们可以使用规则的数据结构来存储和转发。
通过this.$refs.子组件名.方法（属性名）来操控子组件中的方法或者属性,如下图
2.$emit：子组件 向 父组件 抛出一个事件，由子级来主导
比如：子组件是一个弹出框，当弹出框关闭，父级页面刷新。拿elementui来举例，在弹出框关闭之前，有一个方法：
那我们就需要在这个方法中，向父级抛一个事件，来调用父级中的加载数据的方法
3.props
props，不用方法，直接传递，不过无法控制方法啥的，就只有属性调用
1、父组件可以使用 props 把数据传给子组件。
2、子组件可以使用 $emit 触发父组件的自定义事件。
参考资料和推荐阅读
[1].https://blog.csdn.net/weixin_48962287/article/details/125677807
[2]. https://www.cnblogs.com/darkbluelove/p/11338432.html
欢迎阅读，各位老铁，如果对你有帮助，点个赞加个关注呗！~
