Vue 2-变异道具vue-warn

Vue 2-变异道具vue-warn

这与以下事实有关： 在Vue 2中将局部更改 prop视为反模式

如果要在 本地 更改 prop，现在应该做的是在您的容器中声明一个

data

使用该

props

值作为其初始值的字段，然后对副本进行更改：

Vue.component('task', {    template: '#task-template',    props: ['list'],    data: function () {        return { mutableList: JSON.parse(this.list);        }    }});

您可以在Vue.js官方指南中了解更多有关此内容的信息

---

注意1： 请注意，您 不能为

prop

和使用相同的名称

data

，即：

data: function () { return { list: JSON.parse(this.list) } // WRONG!!

注2： 由于我觉得有一些混乱关于

props

和 反应，我建议你有一看这个线程