（代码示例）Vue 2中，如何实现对数组指定项的动态更新
发布时间
阅读量：
阅读量
在 Vue 2 中，受限于 JavaScript 的特性限制,该框架难以直接识别数组项的变化.然而,我们可以通过一系列手段来实现对数组项的变化进行监听.
假设我们定义一个名为 items 的数组，并在其第一项引入实时监控机制，则可以通过设置一个计算属性即可完成这一操作。
new Vue({
el: '#app',
data: {
items: ['apple', 'banana']
},
computed: {
firstItem: {
get() {
return this.items[0]
},
set(newValue) {
this.$set(this.items, 0, newValue)
}
}
},
watch: {
firstItem(newValue, oldValue) {
console.log('firstItem changed from', oldValue, 'to', newValue)
}
}
})我们构建了一个名为firstItem的计算属性，在其 getter 方法中返回 `it
全部评论 (0)
还没有任何评论哟~