問題描述

Vue提供了一個(gè)watch方法可以讓使用者去監(jiān)聽某些data內(nèi)的數(shù)據(jù)變動(dòng)，觸發(fā)相應(yīng)的方法，比如

queryData: {name: '',creator: '',selectedStatus: '',time: [],},

注：?下面watch后的函數(shù)上都可以拿到?新值和老值? function(val, oldVal){ /*do something*/}?

現(xiàn)在我需要監(jiān)聽這個(gè)queryData，我可以這樣做：

watch: {queryData: {handler: function() {//do something },deep: true} }

里面的deep設(shè)為了true，這樣的話，如果修改了這個(gè)queryData中的任何一個(gè)屬性，都會(huì)執(zhí)行handler這個(gè)方法。不過其實(shí)這樣開銷是蠻大的，尤其是對(duì)象里面結(jié)構(gòu)嵌套過深的時(shí)候。而且有時(shí)候我們就想關(guān)心這個(gè)對(duì)象中的某個(gè)屬性，比如name，這個(gè)時(shí)候可以這樣

watch: {'queryData.name': {handler: function() {//do something },} }

也可以這樣寫：

watch: {'queryData.name': function() {//do something },}

或者還可以這樣巧用計(jì)算屬性

computed: {getName: function() {return this.queryData.name} } watch: {getName: {handler: function() {//do something },} }

?

轉(zhuǎn)載地址：?https://blog.csdn.net/u014298440/article/details/82942680

轉(zhuǎn)載于:https://www.cnblogs.com/taohuaya/p/10678915.html

總結(jié)

以上是生活随笔為你收集整理的Vue使用watch监听一个对象中的属性的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。