vue-cli学习——Vue.set()-创新互联

使用场景：

那坡网站建设公司成都创新互联,那坡网站设计制作，有大型网站制作公司丰富经验。已为那坡近1000家提供企业网站建设服务。企业网站搭建\成都外贸网站建设公司要多少钱，请找那个售后服务好的那坡做网站的公司定做！

        当给予对象一个不存在的属性字段时，直接赋值不会触发视图更新

        在官方文档上的看到的说明是：

            向响应式对象中加一个属性，并确保这个新属性同样是响应式的，且触发视图更新

例子：

    写一个点击事件的方法，方法体内容：

        if(!this.food.count){

            this.food.count = 1;

        }

    因为count字段不在this.food(由父组件通过axios传递给子组件的数据)里，所以点击时不会触发视图更新

解决问题:

    import Vue from 'vue'

    Vue.set(this.food,'count',1)

参数解读：

        target：要更改的数据源(可以是对象或者数组)

        key：要更改的具体数据

  value ：重新赋的值

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

网站栏目：vue-cli学习——Vue.set()-创新互联
本文路径：http://bzwzjz.com/article/dsscii.html