组件传值方案

父传子 props

在组件内定义props属性,支持数组(不限数量),支持对象
对象形式,支持数据校验和默认值设定、还支持必选项
子传父事件触发$emit

子传父事件触发$emit

触发事件,除了可以定义事件名称之外,还可以传数据
语法:$emit( 参数1:事件名称,参数2:传值 )
响应事件时,可以通过事件对象(?)获取参数

子传子,通过根组件作为中介进行传递

前提是,两个子组件 兄弟关系
如果组件层级过深,不建议

bus事件总线

前提,建议个全局的vue对象
一个触发,一个绑定,(都是在全局vue对象之上绑定)两者之间实现通信
事件响应,在过载后 (mounted)绑定事件

读取父组件、子组件、根组件、绑定ref属性

$parent 得到1个父组件,实现属性传值
$children 得到的是个数组
$root
$refs 给组件或者标签 绑定上ref属性
梓旭梓旭
THE END
分享
二维码
< <上一篇
下一篇>>