vue中子组件向父组件传值

2018-06-04 本文已影响0人不知梦_js

子组件a.vue部分代码片段

<button @click="emitMyEvent">emit</button>

data(){
    return{
        hello:'I am component a'
    }
}
methods:{
    emitMyEvent(){
        this.$emit('my-event',this.hello)
    }
}

父组件App.vue部分代码片段

<comA @my-event="onComaMyEvent"></comA>

import comA from './components/a'

components:{
    comA
}

methods:{
    onComaMyEvent(paramfromA){
        console.log('onComaMyEvent'+paramfromA)
    }
}