問題描述

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

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

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

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

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

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

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

也可以這樣寫：

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

或者還可以這樣巧用計算屬性

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监听一个对象中的属性的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

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