vue里面数据传值的方式

父传子   props

引入子组件，在子组件的里面自定义一个属性xxx传递父页面里面的数据。然后再子页面里面用props接收这个数据

父组件：

自定义一个属性xxx传递父组件的数据

<Header :xxx="msg" ></Header>

子组件：

用props接收定义的属性

props:['xxx']

具体是

父组件：

 子组件：

 子传父    $emit

子组件用$emit传递数据，父组件用

子组件：

this.$emit("自定义事件名称",要传的数据)

this.$emit("change",this.changeVal)

父组件：

就是在引入子组件的那部分@子组件定义的事件名=“自己再定义的事件”

<Header @change="getData"></Header>


 methods: {
        // changeVal这个参数就子组件要穿的数据
        getData(changeVal) {
            this.zdata=changeVal
        }
    },

具体事例

子组件

 父组件

 兄弟组件传值

(8条消息) 兄弟组件传值（同时解决接受的页面收不到数据）_y叽里咕噜的博客-CSDN博客