Vue.set()

官网文档的Vue.set()介绍

Vue.set( target, key, value )

参数：

{Object | Array} target

{string | number} key

{any} value

返回值：设置的值。

用法：

向响应式对象中添加一个属性，并确保这个新属性同样是响应式的，且触发视图更新。它必须用于向响应式对象上添加新属性，因为 Vue 无法探测普通的新增属性 (比如 this.myObject.newProperty = 'hi')。注意对象不能是 Vue 实例，或者 Vue 实例的根数据对象。

可以通过Vue.set()设置一个对象的属性并且赋值。

案例

接口对象中只有商品的信息，没有商品的个数。
最终实现的效果
count
要使用Vue.set必须在当前Vue文件中先引入Vue

import Vue from "vue";

以下是上面案例的具体代码
this.items为我的商品信息对象

// 增加商品的个数
   increaseNum() {
     if (!this.items.count) {
       //添加3个参数，添加的对象，添加的键名，键值
       Vue.set(this.items, "count", 1);
     } else {
       this.items.count++;
     }
   },
   //减少商品的个数
   decreaseNum() {
     this.items.count--;
   }

Tags: Vueset