Vue 之 (子调父更) 子组件提交接口,刷新父组件的数据

我其实想说的是: 当我们在组件处理完列表模块的业务时,发现列表的数据没更新(这下操蛋了),自己业务都写好了: 还一环扣一环或者 这个逻辑关联着多种数据处理
移出去业务又要重新处理,而且还违背初衷。令人崩溃

其实上面都是我的个人吐槽,想直接看问题的看下方:
当在子组件里更改了某些信息且关闭子组件后,需要父组件更新修改后的内容,操作如下:

不过还好,Vue其实已经为我们提供了解决方法(有两种)

一、传值(适用于数值data)

这种想必不用再介绍了,想看去百度查看就行,已经有很多大佬总结出简(令)单(人)易(舒)懂(服)的文章。
但这个传值多数情况只适用于判断,开关,取值。。。无法使用方法

二、父子通讯($parent:适用于function方法
①首先介绍一下$parent

$parent 官方介绍:

当前组件树的根 Vue 实例。如果当前实例没有父实例,此实例将会是其自己。

大白话:就是说当前组件 如果没有父组件,用这个方法可以调用自己的所有方法
反之,则可以调用父组件的所有方法。是不是很激动!

使用方式:this.$parent.方法(可以是父级的)

this.$parent.getList() // 

可以在你任何需要的地方调用,比如事件,生命周期 甚至是....

你可能感兴趣的:(Vue 之 (子调父更) 子组件提交接口,刷新父组件的数据)