watch监听的使用，监听变量（zkelm.com）

最新推荐文章于 2024-08-23 16:43:43 发布

zkelm.com

最新推荐文章于 2024-08-23 16:43:43 发布

阅读量358

点赞数

分类专栏： Vue 文章标签： vue javascript

本文链接：https://blog.csdn.net/zkelm/article/details/105760675

版权

Vue 专栏收录该内容

20 篇文章 0 订阅

订阅专栏

watch监听：当变量发生变化的时候就会自动触发 watch事件
可以在watch 里面写入function 处理事件
watch 只能监听变量吗？可以做变量的调用统计，是否能做function的调用统计呢？

<html>
<div id="app"> 
   <input type="text" name="username" v-model:value="Myval">
   <p >当前：Myval的值={{Myval}}</p>
   <button>输出watch</button>
</div>
<script>
  new Vue({
          el:"#app",
          data:{
              Myval:""
            },
            watch:{
                Myval:function(newvalue){
                    alert("Myval的值已经更改为:"+newvalue)
                }
             }
 
})
</script>
</html>