Vue.js中$watch方法的作用是什么,相信很多沒有經驗的人對此束手無策,為此本文總結了問題出現(xiàn)的原因和解決方法,通過這篇文章希望你能解決這個問題。
在山亭等地區(qū),都構建了全面的區(qū)域性戰(zhàn)略布局,加強發(fā)展的系統(tǒng)性、市場前瞻性、產品創(chuàng)新能力,以專注、極致的服務理念,為客戶提供網站建設、成都網站建設 網站設計制作按需設計網站,公司網站建設,企業(yè)網站建設,成都品牌網站建設,營銷型網站,成都外貿網站制作,山亭網站建設費用合理。
// 鍵路徑 vm.$watch('a.b.c', function (newVal, oldVal) { // 做點什么 }) // 函數(shù) vm.$watch( function () { return this.a + this.b }, function (newVal, oldVal) { // 做點什么 } )
vm.$watch 返回一個取消觀察函數(shù),用來停止觸發(fā)回調:
var unwatch = vm.$watch('a', cb) // 之后取消觀察 unwatch()
博主很認真地看了看,當時就懵逼了,沒看懂。還好網上大神多,查了查終于搞明白這個$watch方法的用法了。說白了$watch這貨就是觀察一個值的變化,觀察的這個值一變化的話,那么就執(zhí)行function里面的語句。廢話不多說,咱們直接看代碼:
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 } } })
看完上述內容,你們掌握Vue.js中$watch方法的作用是什么的方法了嗎?如果還想學到更多技能或想了解更多相關內容,歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝各位的閱讀!