Vue1.x 遷移 Vue2.x（專案進行不斷修改）

居老師的狗子發表於2019-03-14
Vue

一、$dispatch 和 $broadcast 已經被棄用。

請使用更多簡明清晰的元件間通訊和更好的狀態管理方案，如：Vuex

這些方法的最常見用途之一是父子元件的相互通訊。在這些情況下，你可以使用 v-on監聽子元件上 $emit 的變化。這可以允許你很方便的新增事件顯性。

this.$emit('child-tell-me-something',this.msg)
// this.$dispatch('child-tell-me-something',this.msg)

二、Array.prototype.$remove一移除，用 Array.prototype.splice 替代，例如：

methods: {
  removeTodo: function (todo) {
    var index = this.todos.indexOf(todo)
    this.todos.splice(index, 1)
  }
}

或者更好的方法，直接給除去的方法一個 index 引數：

methods: {
  removeTodo: function (index) {
    this.todos.splice(index, 1)
  }
}

 

相關文章