我其实想说的是: 当我们在组件处理完列表模块的业务时,发现列表的数据没更新(
这下操蛋了
),自己业务都写好了:还一环扣一环
或者这个逻辑关联着多种数据处理
。
移出去业务又要重新处理
,而且还违背初衷
。令人崩溃
其实上面都是我的个人吐槽,想直接看问题的看下方:
当在子组件里更改了某些信息且关闭子组件后,需要父组件更新修改后的内容,操作如下:
不过还好,Vue其实已经为我们提供了解决方法(有两种)
一、传值(适用于数值data)
这种想必不用再介绍了,想看去百度查看就行,已经有很多大佬总结出简(令)单(人)易(舒)懂(服)
的文章。
但这个传值多数情况只适用于判断,开关,取值。。。无法使用方法
二、父子通讯($parent:适用于function方法
)
①首先介绍一下$parent
$parent 官方介绍:
当前组件树的根 Vue 实例。如果当前实例没有父实例,此实例将会是其自己。
大白话:
就是说当前组件 如果没有父组件
,用这个方法可以调用自己的所有方法
。
反之,则可以调用父组件的所有方法。是不是很激动!
使用方式:this.$parent.方法(可以是父级的)
this.$parent.getList() //
可以在你任何需要的地方调用,比如事件,生命周期 甚至是....