这与以下事实有关: 在Vue 2中将局部更改 prop视为反模式
如果要在 本地 更改 prop,现在应该做的是在您的容器中声明一个data
使用该props
值作为其初始值的字段,然后对副本进行更改:
Vue.component('task', {
template: '#task-template',
props: ['list'],
data: function () {
return {
mutableList: JSON.parse(this.list);
}
}
});
您可以在Vue.js官方指南中了解更多有关此内容的信息
请注意,您 为prop
和使用相同的名称data
,即:
data: function () { return { list: JSON.parse(this.list) } // WRONG!!
由于我觉得有一些混乱关于props
和 反应,我建议你有一看这个线程