<xmp id="cogkk"><nav id="cogkk"></nav>
<dd id="cogkk"></dd>
  • <menu id="cogkk"><menu id="cogkk"></menu></menu>
    <menu id="cogkk"><code id="cogkk"></code></menu>

    卓象程序員 | 哈爾濱IT培訓 | 品質教育,口碑傳承 | 為做出口口相傳,好口碑的教育品牌而奮斗!

    卓象程序員讓每一位學員高薪就業 聯系我們13101507057

    加微信,了解詳情
    您所在的位置:首頁 > 文章 >Vue.js

    「Vue.js開發連載十四」觀察者
    時間: 2018-11-09 10:35:14     來源: 卓象IT實訓基地【原創】

    上一篇文章講解“計算屬性”,本篇文章講解“觀察者”。


    監聽指定字段,當字段值發生變化時觸發的函數。

    1. 監聽字段

    「Vue.js開發連載十四」觀察者


    【例】監聽message變量,當其變化時,在控制臺輸出message的新舊值。

    「Vue.js開發連載十四」觀察者


    瀏覽器訪問:

    「Vue.js開發連載十四」觀察者



    2. 監聽對象

    deep:當我們觀察的字段對應的值是一個對象時候,如果我們只是改變對象的某這字段的值,就需要制定deep: true。

    「Vue.js開發連載十四」觀察者


    【例】監聽對象中的數值變化。

    「Vue.js開發連載十四」觀察者


    瀏覽器訪問:

    「Vue.js開發連載十四」觀察者


    注意

    1. 默認watch只有在觀察的數值發生變化的時候才觸發回調,如果想要初始化時執行,那么指定immediate: true,這樣就和計算屬性一樣,在初始化階段就觸發。

    Vue.js連載為卓象程序員原創,轉載請聯系卓象程序員

    「Vue.js開發連載十四」觀察者


    關注卓象程序員,定期發布技術文章

    下一篇講解“vue.js生命周期”

    「Vue.js開發連載十四」觀察者
    热99re久久精品|天天综合网久久综合免费人成|91久久久久久久精品青草| 亚洲AV无码无一区二区Ⅰ久久|
    <xmp id="cogkk"><nav id="cogkk"></nav>
    <dd id="cogkk"></dd>
  • <menu id="cogkk"><menu id="cogkk"></menu></menu>
    <menu id="cogkk"><code id="cogkk"></code></menu>