1. 程式人生 > >vue-子元件向父元件傳值

vue-子元件向父元件傳值

子元件註冊觸發事件,父元件註冊 觸發子元件事件後的方法寫在method裡面
父元件這麼寫

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

子元件component-a這麼寫

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

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