VUE:set()方法

发布于 2021-08-02  709 次阅读


由于限制,vue不能监听到数组和对象内部数据的变化,就是说修改对象或数组内部的值不能响应到视图当中,所以vue提供了一个set函数。用于响应数组或对象的变化。

Vue.set(object,index,value)

object:要更改的数据源(数组或对象)

index:数据的索引(第几项)

value:修改后的值

一个例子:

export default() {
  data() {
    food: {
      foodName: 'Apple' 
    }
  }
}
...
Vue.set(food, 'count', 1);

欢迎欢迎~热烈欢迎~