组件之间的传值面试题

组件之间的传值；

vue中的组件传值分为3种：父传子、子传父、和兄弟传值；
第一种父传子，主要是通过props来实现的
具体实现：父组件通过import引入子组件，并注册，在父组件标签上添加要传递的属性，在子组件通过props来接收，接收有两种形式一是通过数组形式，要接收的属性【】，接收过来的数据可以直接使用，二是通过对象的形式来接收{}，对象形式可以设置要传递的数据类型和默认值。

第二种子传父：主要是通过$emit来实现在子组件中通过绑定事件来触发函数，在其中设置this.$emit(‘要派发的时间’，要传递的值)，$emit中有两个参数一个是要派发的自定义事件，第二种是要传递的值。

第三种兄弟传值有两种方法：
方法一
（1）在src中新建一个Bus.js的文件，然后导出一个空的vue实例
（2）在传输数据的一方引入Bus.js 然后通过Bus.$emit(“事件名”,"参数")来来派发事件，数据是以$emit()的参数形式来传递
（3）在接受的数据的一方 引入 Bus.js 然后通过 Bus.$on(“事件名”,(data)=>{data是接受的数据})
​ 方法二：通过 vuex 实现
​ 具体实现：vuex 是一个状态管理工具，主要解决大中型复杂项目的数据共享问题，主要包括 state,actions,mutations,getters 和 modules5 个要素，主要流程：组件通过 dispatch actions，actions 是异步操作，再 actions中通过 commit mutations，mutations 再通过逻辑操作改变 state，从而同步到组件，更新其数据状态。