vue2.0子組件修改父組件數據

從vue1.0升級至2.0以後 prop的.sync被去除 所以直接在子組件修改父組件的值是會報錯的 目的是爲了阻止子組件影響父組件的數據
那麼在vue2.0以後 如何在子組件修改父組件props傳過來的值呢？
思路是經過子組件$emit發射一個方法

$emit('increment',val);

在父組件使用子組件的地方用v-on綁定這個自定義事件

<button-counter v-on:increment="incrementTotal"></button-counter>

而後在父組件定義這個方法

methods:{
  incrementTotal(val) {
      this.val = val;
    } 
}

雖然這種方式能夠修改父組件數據，可是官方是不推薦在組件內修改經過props傳入的父組件數據，而是推薦使用vuex