vue-cli学习——Vue.set()

使用场景：

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

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

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

例子：

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

        if(!this.food.count){

            this.food.count = 1;

        }

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

解决问题:

扫描二维码关注公众号，回复： 2899972 查看本文章

    import Vue from 'vue'

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

参数解读：

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

        key：要更改的具体数据

   value ：重新赋的值