vue的三种组件传值方式
一.父传子
1.在父组件引入的子组件标签内给需要传递的值自定义名称
<AlertSzs :abc='gameType'></AlertSzs>
2.在子组件内用props接收这个自定义名称
data(){},
props:['abc'],
二.子传父
1.在子组件内申明这个值,相当于中转站
this.$emit("update",this.gameType)
2.父组件引入的子组件标签内给这个申明用v-on绑定事件
<Timer class="timer" v-on:update="receive" ></Timer>
3.使用:将接收的值当成一个函数使用
receive:function(val){
console.log("子组件传来的值为"+"val")
}
三.非父子组件传值
1.子传父+父传子
2.通过新建data中转站bus.js传递数据
3.使用vuex