vue 侦听器

一 格式

使用watch 只能侦听return 里面的数据

html 复制代码
 watch:{
            侦听名(newValue,oldValue){

        }
    }

2举例

html 复制代码
<template>
    <h3>侦听器</h3>
    <div>{{ msg }}</div>
    <button @click="updta()" type="button">x修改数据</button>
</template>
<script>
export default{
    data(){
        return{
            msg:"hello"
        }
    },
    methods:{
        updta(){
            this.msg= "hello World"
        }
    },
    watch:{
            msg(newValue,oldValue){
            console.log(newValue,oldValue);
        }
    }
}
</script>

newValue 新数据

oldValue 旧数据

相关推荐
LaoZhangAI23 分钟前
2025最全GPT-4o图像生成API指南:官方接口配置+15个实用提示词【保姆级教程】
前端
ONE_Gua23 分钟前
chromium魔改——CDP(Chrome DevTools Protocol)检测01
前端·后端·爬虫
LaoZhangAI26 分钟前
2025最全Cherry Studio使用MCP指南:8种强大工具配置方法与实战案例
前端
咖啡教室27 分钟前
前端开发日常工作每日记录笔记(2019至2024合集)
前端·javascript
溪饱鱼31 分钟前
Nuxt3能上生产吗?
前端
咖啡教室43 分钟前
前端开发中JavaScript、HTML、CSS常见避坑问题
前端·javascript·css
LaoZhangAI3 小时前
Claude MCP模型上下文协议详解:AI与外部世界交互的革命性突破【2025最新指南】
前端
LaoZhangAI3 小时前
2025最全Cursor MCP实用指南:15个高效工具彻底提升AI编程体验【实战攻略】
前端
Kagerou3 小时前
vue3基础知识(结合TypeScript)
前端
市民中心的蟋蟀3 小时前
第五章 使用Context和订阅来共享组件状态
前端·javascript·react.js