vue 子组件向父组件传值

1. 子组件

<button v-on:click="onClickMe">like!</button>

methods: {
      onClickMe: function(){
        this.$emit('child-say',this.somedata);
      }
    }

this.$emit触发child-say事件，并向外传参this.somedata

 

2. 父组件

<component-a  v-on:child-say="listenToMyBoy"></component-a>
<p>Do you like me? {{childWords}}</p>
 methods: {
            listenToMyBoy: function (somedata){
              this.childWords = somedata
            }
        }

父组件利用v-on监听child-say自定义事件，并执行listenToMyBoy方法，并接收子组件传递过来的this.somedata