bl双性强迫侵犯h_国产在线观看人成激情视频_蜜芽188_被诱拐的少孩全彩啪啪漫画

vue中怎么利用$set和$delete實現數據監控

本篇文章給大家分享的是有關vue中怎么利用$set和$delete實現數據監控，小編覺得挺實用的，因此分享給大家學習，希望大家閱讀完這篇文章后可以有所收獲，話不多說，跟著小編一起來看看吧。

創新互聯建站專注于鐵山網站建設服務及定制，我們擁有豐富的企業做網站經驗。 熱誠為您提供鐵山營銷型網站建設，鐵山網站制作、鐵山網頁設計、鐵山網站官網定制、微信小程序開發服務，打造鐵山網絡公司原創品牌,更為您提供鐵山網站排名全網營銷落地服務。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>監控數據的變化</title>
    </head>
    <script type="text/javascript" src="js/vue.js" ></script>
    <body>
        <div id="div1">
            <button @click="doUpdate">修改屬性</button>
            <button @click="doAdd">添加屬性</button>
            <button @click="doDelete">刪除屬性</button>
            <hr>
            <h3>{{user.name}}</h3>
            <h3>{{user.age}}</h3>
        </div>
    </body>
    <script>
        let vm = new Vue({
            el: "#div1",
            data:{
                user:{
                    id:1,
                    name:'John',
                }
            },
            methods:{
                doUpdate(){
                    this.user.name = 'Tom';
                },
                doAdd(){
                    //this.user.age = 18;  //通過普通方式為對象添加屬性時vue無法實時監視到
                    //this.$set(this.user,'age',23);  //可以實時監控更新信息
                    if (this.user.age) {
                        this.user.age++;
                    }else{
                        Vue.set(this.user,'age',23);  //第二種方式
                    }
                },
                doDelete(){
                    if (this.user.age) {
                        Vue.delete(this.user,'age');
                    }
                }
            }
        });
        
        
    </script>
</html>

以上就是vue中怎么利用$set和$delete實現數據監控，小編相信有部分知識點可能是我們日常工作會見到或用到的。希望你能通過這篇文章學到更多知識。更多詳情敬請關注創新互聯行業資訊頻道。

名稱欄目：vue中怎么利用$set和$delete實現數據監控
文章地址：http://vcdvsql.cn/article4/pdiioe.html

成都網站建設公司_創新互聯，為您提供電子商務、Google、靜態網站、品牌網站建設、建站公司、微信公眾號

廣告

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

成都做網站