這篇文章主要介紹“Vue.js中的$watch方法有什么用”的相關(guān)知識，小編通過實際案例向大家展示操作過程，操作方法簡單快捷，實用性強(qiáng)，希望這篇“Vue.js中的$watch方法有什么用”文章能幫助大家解決問題。

創(chuàng)新互聯(lián)專注于企業(yè)營銷型網(wǎng)站建設(shè)、網(wǎng)站重做改版、寶山網(wǎng)站定制設(shè)計、自適應(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)頁設(shè)計等建站業(yè)務(wù)，價格優(yōu)惠性價比高，為寶山等各大城市提供網(wǎng)站開發(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 返回一個取消觀察函數(shù)，用來停止觸發(fā)回調(diào)：

var unwatch = vm.$watch('a', cb)
// 之后取消觀察
unwatch()

博主很認(rèn)真地看了看，當(dāng)時就懵逼了，沒看懂。還好網(wǎng)上大神多，查了查終于搞明白這個$watch方法的用法了。說白了$watch這貨就是觀察一個值的變化，觀察的這個值一變化的話，那么就執(zhí)行function里面的語句。廢話不多說，咱們直接看代碼：

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
        }
      }
})

關(guān)于“Vue.js中的$watch方法有什么用”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識，可以關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，小編每天都會為大家更新不同的知識點(diǎn)。

網(wǎng)站標(biāo)題：Vue.js中的$watch方法有什么用
當(dāng)前路徑：http://vcdvsql.cn/article0/pegeoo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供商城網(wǎng)站、網(wǎng)站內(nèi)鏈、企業(yè)網(wǎng)站制作、微信小程序、定制開發(fā)、全網(wǎng)營銷推廣

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)