這篇文章主要介紹“Vue.js中的$watch方法有什么用”的相關(guān)知識(shí),小編通過(guò)實(shí)際案例向大家展示操作過(guò)程,操作方法簡(jiǎn)單快捷,實(shí)用性強(qiáng),希望這篇“Vue.js中的$watch方法有什么用”文章能幫助大家解決問(wèn)題。
創(chuàng)新互聯(lián)專(zhuān)注于企業(yè)營(yíng)銷(xiāo)型網(wǎng)站建設(shè)、網(wǎng)站重做改版、寶山網(wǎng)站定制設(shè)計(jì)、自適應(yīng)品牌網(wǎng)站建設(shè)、html5、商城網(wǎng)站建設(shè)、集團(tuán)公司官網(wǎng)建設(shè)、外貿(mào)網(wǎng)站建設(shè)、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)等建站業(yè)務(wù),價(jià)格優(yōu)惠性?xún)r(jià)比高,為寶山等各大城市提供網(wǎng)站開(kāi)發(fā)制作服務(wù)。
代碼如下:
// 鍵路徑 vm.$watch('a.b.c', function (newVal, oldVal) { // 做點(diǎn)什么 }) // 函數(shù) vm.$watch( function () { return this.a + this.b }, function (newVal, oldVal) { // 做點(diǎn)什么 } )
vm.$watch 返回一個(gè)取消觀察函數(shù),用來(lái)停止觸發(fā)回調(diào):
var unwatch = vm.$watch('a', cb) // 之后取消觀察 unwatch()
博主很認(rèn)真地看了看,當(dāng)時(shí)就懵逼了,沒(méi)看懂。還好網(wǎng)上大神多,查了查終于搞明白這個(gè)$watch方法的用法了。說(shuō)白了$watch這貨就是觀察一個(gè)值的變化,觀察的這個(gè)值一變化的話(huà),那么就執(zhí)行function里面的語(yǔ)句。廢話(huà)不多說(shuō),咱們直接看代碼:
HTML:
firstName:
lastName:fullName: {{fullName}}
JS:
var vm = new Vue({ el: '#watch', data: { firstName: 'a', lastName: 'fei', fullName: 'a fei' }, watch: { firstName: function (val) { this.fullName = val + ' ' + this.lastName }, lastName: function (val) { this.fullName = this.firstName + ' ' + val } } })
關(guān)于“Vue.js中的$watch方法有什么用”的內(nèi)容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí),可以關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,小編每天都會(huì)為大家更新不同的知識(shí)點(diǎn)。