亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

VUE中Watch詳解

IT那活兒 / 2129人閱讀
VUE中Watch詳解
點擊上方“IT那活兒”公眾號，關(guān)注后了解更多內(nèi)容，不管IT什么活兒，干就完了！??！

watch概述

Watch是vue實例的一個屬性，其原理在實例化時調(diào)用$watch()，遍歷watch對象的每一個屬性，主要用來監(jiān)聽數(shù)據(jù)的變化。

簡單數(shù)據(jù)類型監(jiān)聽

例如字符串，布爾類型，數(shù)字等。
注意：當(dāng)?shù)谝淮芜M(jìn)入頁面的時候watch不會監(jiān)聽，如果需要第一次就執(zhí)行監(jiān)聽，設(shè)置immediate值為true，如圖：

復(fù)雜數(shù)據(jù)類型監(jiān)聽

監(jiān)聽對象需要開啟深度監(jiān)聽，設(shè)置deep為true，注意數(shù)組不需要深度監(jiān)聽。

對象的監(jiān)聽有兩種方式：

  • 第一種是監(jiān)聽整個對象；
  • 第二種是監(jiān)聽對象的某個屬性。
區(qū)別在于前者每個屬性值發(fā)生變化執(zhí)行handler，handler執(zhí)行后的新舊值一樣，后者新舊值不一樣。

watch與計算屬性(computed)的區(qū)別

  • computed具有緩存效果，數(shù)據(jù)發(fā)生改變會進(jìn)行重新計算，watch沒有緩存。
  • computed可以自定義名稱， watch監(jiān)聽屬性名稱只能和data里面名稱一致。
  • computed不支持異步，不能監(jiān)聽數(shù)據(jù)變化，watch支持異步。
  • computed適用于復(fù)雜運算，監(jiān)聽屬性適合消耗性功能，比如ajax
  • 如果一個屬性由其他屬性計算而來，一般用computed，當(dāng)一個屬性發(fā)生變化時需要執(zhí)行相應(yīng)操作使用watch。

本文作者：朱 維（上海新炬王翦團(tuán)隊）

本文來源：“IT那活兒”公眾號

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/129339.html

相關(guān)文章

  • Vue 實例中的生命周期鉤子詳解

    摘要：實例在文檔中經(jīng)常會使用這個變量名表示實例，在實例化時，需要傳入一個選項對象，它可以包含數(shù)據(jù)模板掛載元素方法生命周期鉤子等選項。通俗說就是實例從創(chuàng)建到銷毀的過程，就是生命周期。 Vue 實例中的生命周期鉤子 Vue 框架的入口就是 Vue 實例，其實就是框架中的 view model ，它包含頁面中的業(yè)務(wù)處理邏輯、數(shù)據(jù)模型等，它的生命周期中有多個事件鉤子，讓我們在控制整個Vue實例的過程...

    gityuan 評論0 收藏0

  • Vue 3.0 前瞻，體驗 Vue Function API

    摘要：與的一致有三個可選值，分別為在渲染后，即后才調(diào)用回調(diào)函數(shù)，在渲染前，即前調(diào)用回調(diào)函數(shù)，同步觸發(fā)。 最近 Vue 官方公布了 Vue 3.0 最重要的RFC：Function-based component API，并發(fā)布了兼容 Vue 2.0 版本的 plugin：vue-function-api，可用于提前體驗 Vue 3.0 版本的 Function-based component...

    DrizzleX 評論0 收藏0

  • Vue指令詳解

    摘要：添加事件偵聽器時使用模式。只當(dāng)事件是從偵聽器綁定的元素本身觸發(fā)時才觸發(fā)回調(diào)。只當(dāng)點擊鼠標(biāo)右鍵時觸發(fā)只當(dāng)點擊鼠標(biāo)中鍵時觸發(fā)以模式添加偵聽器，減少額外的監(jiān)聽，提高性能表示永遠(yuǎn)不會調(diào)用。記住，指令函數(shù)能夠接受所有合法的表達(dá)式。 思維導(dǎo)圖 showImg(https://segmentfault.com/img/bVbphXZ?w=1920&h=2408); 指令 v-for 關(guān)于key 官方...

    itvincent 評論0 收藏0

  • Vue指令詳解

    摘要：添加事件偵聽器時使用模式。只當(dāng)事件是從偵聽器綁定的元素本身觸發(fā)時才觸發(fā)回調(diào)。只當(dāng)點擊鼠標(biāo)右鍵時觸發(fā)只當(dāng)點擊鼠標(biāo)中鍵時觸發(fā)以模式添加偵聽器，減少額外的監(jiān)聽，提高性能表示永遠(yuǎn)不會調(diào)用。記住，指令函數(shù)能夠接受所有合法的表達(dá)式。 思維導(dǎo)圖 showImg(https://segmentfault.com/img/bVbphXZ?w=1920&h=2408); 指令 v-for 關(guān)于key 官方...

    malakashi 評論0 收藏0

  • Vue指令詳解

    摘要：添加事件偵聽器時使用模式。只當(dāng)事件是從偵聽器綁定的元素本身觸發(fā)時才觸發(fā)回調(diào)。只當(dāng)點擊鼠標(biāo)右鍵時觸發(fā)只當(dāng)點擊鼠標(biāo)中鍵時觸發(fā)以模式添加偵聽器，減少額外的監(jiān)聽，提高性能表示永遠(yuǎn)不會調(diào)用。記住，指令函數(shù)能夠接受所有合法的表達(dá)式。 思維導(dǎo)圖 showImg(https://segmentfault.com/img/bVbphXZ?w=1920&h=2408); 指令 v-for 關(guān)于key 官方...

    Richard_Gao 評論0 收藏0

發(fā)表評論

0條評論

IT那活兒

男|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<