Vue.js中$watch方法的作用是什么,相信很多沒(méi)有經(jīng)驗(yàn)的人對(duì)此束手無(wú)策,為此本文總結(jié)了問(wèn)題出現(xiàn)的原因和解決方法,通過(guò)這篇文章希望你能解決這個(gè)問(wèn)題。
在山亭等地區(qū),都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局,加強(qiáng)發(fā)展的系統(tǒng)性、市場(chǎng)前瞻性、產(chǎn)品創(chuàng)新能力,以專注、極致的服務(wù)理念,為客戶提供網(wǎng)站建設(shè)、成都網(wǎng)站建設(shè) 網(wǎng)站設(shè)計(jì)制作按需設(shè)計(jì)網(wǎng)站,公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),成都品牌網(wǎng)站建設(shè),營(yíng)銷型網(wǎng)站,成都外貿(mào)網(wǎng)站制作,山亭網(wǎng)站建設(shè)費(fèi)用合理。
// 鍵路徑 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è)值一變化的話,那么就執(zhí)行function里面的語(yǔ)句。廢話不多說(shuō),咱們直接看代碼:
HTML:
<div id="watch"> firstName:<input type="text" name="li" v-model="firstName"> <br> lastName:<input type="text" name="fei" v-model="lastName"> <p>fullName: {{fullName}}</p> </div>
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 } } })
看完上述內(nèi)容,你們掌握Vue.js中$watch方法的作用是什么的方法了嗎?如果還想學(xué)到更多技能或想了解更多相關(guān)內(nèi)容,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝各位的閱讀!
網(wǎng)頁(yè)題目:Vue.js中$watch方法的作用是什么
分享地址:http://jinyejixie.com/article0/gggioo.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供全網(wǎng)營(yíng)銷推廣、營(yíng)銷型網(wǎng)站建設(shè)、定制開(kāi)發(fā)、關(guān)鍵詞優(yōu)化、、建站公司
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)