$refs $emit

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.youkuaiyun.com/weixin_48962287/article/details/125677807
[2]. https://www.cnblogs.com/darkbluelove/p/11338432.html

欢迎阅读，各位老铁，如果对你有帮助，点个赞加个关注呗！~