最近学习了前端杨村长面试题这里记录以下,希望帮助到大家
组件传值总共有以下方法
props
emit/(on)
(children)/parent
attrs/(listenters)
ref
root
(eventbus)
vuex
组件值要做区分以下三种类型
父子组件传值、兄弟组件传值、跨层级传值三种模式
一、父子组件传值方式
props
$emit
parent
ref
attrs
另外一个slot插槽也算一种
二、兄弟组件传值方式
$parent
$root
$eventbus
vuex
三、跨层级组件传值方式
$eventbus
vuex
provide/injet
其中要注意的是$on/children/listenters/eventbus等方法在vue3.0中已经废弃