Vue1.x 迁移 Vue2.x（项目进行不断修改）

dengling4813

于 2019-03-14 18:10:00 发布

阅读量144

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/songForU/p/10515811.html

版权

本文探讨了Vue中被弃用的$dispatch和$broadcast方法，建议使用Vuex进行更有效的状态管理。同时介绍了Array.prototype.$remove的替代方案，推荐使用splice方法来移除数组元素。文章还提供了代码示例，帮助开发者理解如何在实际项目中应用这些更改。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、$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)
  }
}

转载于:https://www.cnblogs.com/songForU/p/10515811.html