Vue前端面试题总结(二十七) 如何理解vue里的父传子 子传父 和兄弟组件传值 详解

如何父传子

父组件通过import引入子组件 并且注册 在子组件标签上挂载需要传递的值 子组件通过props验证 接收
接收有两种
第一种是通过数组的方式 [‘要接受的属性’]
第二种是通过对象的方式传递设置数据类型和值
而数组只是简单的接收

如何子传父

子传父是通过绑定的事件触发函数 在其中的设置的this.$emit
传递自定义的事件和要传递的值
$emit中有两个参数 一个是要派发的自定义事件 一个是要传递的值

如何兄弟组件传值

创建一个空的Vue实例并且暴露出去 这个作为公共的Bus 作为兄弟组件桥接的桥梁
然后在兄弟组件里分别引入这个创建的Bus
在组件A中通过Bus.$emit(‘自定义事件’,要传递值)

在组件B中通过Bus.$on(‘自定义事件名’,function(v){})
注意这里创建的v 是我们在组件B中即将接收的数据

猜你喜欢

转载自blog.csdn.net/Rick_and_mode/article/details/108651105
今日推荐