父子组件传值的几种方式

Posted 2023-03-04

参考技术A 一、$emit传值:用于子组件向父组件传值，但是只能传数据，不能传方法

二、通过$parent传值（子组件获取父组件数据）
适用于父组件给子组件传值

三、通过$root传值（后代组件获取祖先组件数据）

四、通过$children传值（父组件获取子组件数据）

五、 children：返回的是所有子组件对象的数组，再通过下标获取指定的子组件。当组件顺序不会发生变化时，用 refs。注意：
$refs：返回的是一个对象，对象中包含所有带有ref属性的子组件。 注意：不是只有组件才可以添加ref属性，任何标签都可以加ref属性 。

注意：在父组件创建完成到挂载完成之间，包含完整的子组件的生命周期。父级组件在mounted生命周期函数内，才能获取到$children信息；在子组件的created生命周期函数中，可以获取到父组件的数据。顺序：父级created => 子级1created => 子级2created => => 子级1mounted => 子级2mounted => 父级mounted