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