Vue.js学习-8-watch监听对象简单学习-白红宇的个人博客

发布日期：2021-05-20 05:03:17 浏览次数：23 分类：原创文章

本文共 774 字，大约阅读时间需要 2 分钟。

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <meta name="viewport" content="width=device-width, initial-scale=1.0">    <title>Document</title>    <script src="https://unpkg.com/vue/dist/vue.js"></script></head><body>    <div id="vueApp">        <h1>打开控制台点击一下吧</h1>        <button v-on:click="change()">click</button>    </div></body><script>    let vueApp=new Vue({
           el:"#vueApp",        data:{
               number:5        },        watch:{
               number:function(newVal,oldVal){
                   console.log(newVal,oldVal);                console.log("现在number发生了改变");            },        },        methods:{
               change:function(){
                   this.number=100;            }        }    }    );</script></html>

上一篇：Vue.js学习-10-Vue.js计算属性set get 简单学习

下一篇：Vue.js学习-7-Vue.js计算属性computed简单学习

发表评论

关于作者

喝酒易醉，品茶养心，人生如梦，品茶悟道，何以解忧？唯有杜康！

-- 愿君每日到此一游！

发表评论

最新留言

关于作者

推荐文章