vue 父子组件传值

一、父传子

   1. 父组件使用v-bind绑定一个变量visible(v-bind:变量名="值")

<Invitation visible="dialogVisible" @getData="getdata" />

 

    2. 子组件用props接收（与created同级）

props: ["visible"]

 

二、子传父

1. 子组件使用this.$emit绑定一个事件和值

this.$emit("getData", this.data1);


2. 父组件使用@子组件绑定事件=新方法名


<Invitation v-bind:visible="dialogVisible" @getData="getdata" />

 

3. 父组件定义新方法名接收值

getdata(val) {
   console.log(val);
},