Vue 2-变异道具vue-warn

大佬教程收集整理的这篇文章主要介绍了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官方指南中了解更多有关此内容的信息

请注意，您 为prop和使用相同的名称data，即：

data: function () { return { List: JsON.parse(this.List) } // WRONG!!

由于我觉得有一些混乱关于props和 反应，我建议你有一看这个线程

解决方法

Vue.component('task',{
    template: '#task-template',props: ['list'],created() {
        this.list = JSON.parse(this.list);
    }
});
new Vue({
    el: '.container'
})

大佬总结

以上是大佬教程为你收集整理的Vue 2-变异道具vue-warn全部内容，希望文章能够帮你解决Vue 2-变异道具vue-warn所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。