最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

Vue之監(jiān)聽(tīng)方法案例詳解

 更新時(shí)間：2021年07月29日 10:03:54   作者：stay_少年與夢(mèng)  
這篇文章主要介紹了Vue之監(jiān)聽(tīng)方法案例詳解,本篇文章通過(guò)簡(jiǎn)要的案例,講解了該項(xiàng)技術(shù)的了解與使用,以下就是詳細(xì)內(nèi)容,需要的朋友可以參考下

vue中的監(jiān)聽(tīng)方法

watch

注意

名字 你想監(jiān)聽(tīng)哪個(gè)屬性，就要和他起一樣的名字

1.作用

用來(lái)監(jiān)聽(tīng)vue實(shí)例中的數(shù)據(jù)變化
可以隨時(shí)修改狀態(tài)的變化

2.觸發(fā)條件

當(dāng)你監(jiān)聽(tīng)的屬性發(fā)生變化時(shí)，會(huì)自動(dòng)調(diào)用對(duì)應(yīng)的監(jiān)聽(tīng)方法

3.使用場(chǎng)景

用于異步處理，開(kāi)銷(xiāo)比較大的運(yùn)算

4.示例

	 watch:{
             name(newvalue,oldvalue){
                  //計(jì)算屬性可以接受兩個(gè)參數(shù),第一個(gè)參數(shù)是新的屬性值,第二參數(shù)是老的屬性值
                    // this.age
                    // console.log('name屬性發(fā)生變化了')
                    console.log(newvalue,oldvalue)
                }

5.監(jiān)聽(tīng)對(duì)象時(shí)

<script>
export default {
    data() {
        return {
            obj: {
                name: "張三",
                age: 20,
                children: [
                    {
                        name: "李四",
                        age: 27
                    },
                    {
                        name: "王五",
                        age: 23
                    }
                ]
            }
        };
    },
    watch: {
        obj: {
            handler: function(newVal, oldVal) {
                console.log("newVal:", newVal);
                console.log("oldVal:", oldVal);
            },
            deep: true,
            immediate: true
        },
        "obj.name": function(newVal, oldVal) {
            
            console.log("newVal obj.name:", newVal);
            console.log("oldVal obj.name:", oldVal);
        }
    },
};
</script>

監(jiān)聽(tīng)對(duì)象的時(shí)候，需要加deep:true，這樣才能深入底層去實(shí)時(shí)監(jiān)聽(tīng)，如果沒(méi)有加的話(huà)，對(duì)象是監(jiān)聽(tīng)不到變化的。

immediate屬性：布爾值
immediate：true：首次加載就監(jiān)聽(tīng)數(shù)據(jù)變化
immediate：false：只有發(fā)生改變才監(jiān)聽(tīng)

deep:true；

是開(kāi)啟深層次的監(jiān)聽(tīng)，即所有屬性都加上監(jiān)聽(tīng)器，如果其中一個(gè)發(fā)生改變了就執(zhí)行handler函數(shù)。

到此這篇關(guān)于Vue之監(jiān)聽(tīng)方法案例詳解的文章就介紹到這了,更多相關(guān)Vue之監(jiān)聽(tīng)方法內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

相關(guān)文章

最新評(píng)論

金寨县| 承德市| 手游| 南和县| 灌阳县| 松江区| 金昌市| 东港市| 苏尼特右旗| 安顺市| 大庆市| 东台市| 临沂市| 虞城县| 大余县| 晋州市| 叶城县| 石屏县| 东莞市| 资兴市| 闽侯县| 玛沁县| 五大连池市| 杭州市| 德阳市| 中西区| 黄冈市| 灵璧县| 互助| 大渡口区| 临颍县| 建德市| 苍山县| 武汉市| 望城县| 双流县| 天全县| 富宁县| 汾阳市| 琼中| 团风县|