由于限制,vue不能监听到数组和对象内部数据的变化,就是说修改对象或数组内部的值不能响应到视图当中,所以vue提供了一个set函数。用于响应数组或对象的变化。
Vue.set(object,index,value)
object:要更改的数据源(数组或对象)
index:数据的索引(第几项)
value:修改后的值
一个例子:
export default() {
data() {
food: {
foodName: 'Apple'
}
}
}
...
Vue.set(food, 'count', 1);
Comments | NOTHING