使用场景：

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

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

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

例子：

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

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 ：重新赋的值