>var vm = new Vue({el: '#app',data: {person: {name: 'tom',children: [{ name: 'jerry' },{ name: 'jack' }]}},methods: {handleClickChange() {this.person.children[0].name = 'rose'}},// 计算属性是深度监。vue-计算属性-深度监听用到的属性。" />

vue-计算属性-深度监听用到的属性

{{ childrenName }}
="./vue.js"> > var vm = new Vue({ el: '#app', data: { person: { name: 'tom', children: [ { name: 'jerry' }, { name: 'jack' } ] } }, methods: { handleClickChange() { this.person.children[0].name = 'rose' } }, // 计算属性是深度监听用到的属性 computed: { childrenName() { return this.person } } })

点击前
vue-计算属性-深度监听用到的属性
文章图片

点击后
【vue-计算属性-深度监听用到的属性】vue-计算属性-深度监听用到的属性
文章图片

    推荐阅读