vue 父子组件传值

父组件：

子组件：

父组件传值到子组件：

props：

父组件data中定义属性值：  namea

模板中绑定传值：  v-bind:name="namea"

子组件中获取值：props:['name'],

 

子组件往父组件传值：

$emit

子组件定义方法以及值：

<button @click="$emit('pushData',34)">发送</button>

父组件模板中获取：

<Test :name="namea" @pushData="getdata"/>

父组件methods获取到传送的data：

methods:{

getdata:function(data){

window.console.log(data);

this.age +=data;

}

},