真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

Vue.js中的$watch方法有什么用

這篇文章主要介紹“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)。


文章標(biāo)題:Vue.js中的$watch方法有什么用
網(wǎng)頁(yè)路徑:http://weahome.cn/article/pegeoo.html

其他資訊

在線(xiàn)咨詢(xún)

微信咨詢(xún)

電話(huà)咨詢(xún)

028-86922220(工作日)

18980820575(7×24)

提交需求

返回頂部