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 旧数据

相关推荐
天天扭码6 分钟前
JavaScript 中 apply 和 call 方法的区别与应用场景
前端·javascript·面试
parade岁月10 分钟前
TypeScript 全局类型声明文件规范性分析与归纳
前端·vue.js·typescript
溪i11 分钟前
react-spring/web + children not defined
前端·spring·react.js
纪元A梦14 分钟前
华为OD机试真题——阿里巴巴找黄金宝箱Ⅰ(2025A卷:100分)Java/python/JavaScript/C/C++/GO最佳实现
java·c语言·javascript·c++·python·华为od·go
雨夜带刀_14 分钟前
Three.js 导入模型demo分析(随笔记)
前端
用户214118326360215 分钟前
dify案例分享-Qwen3 vs 传统合同审查,这场对决谁能胜出?
前端
egghead2631619 分钟前
trae+react+tailwindcss项目开发
前端·react.js
前端啵啵猪19 分钟前
基于qiankun实现子应用菜单级keep-alive
前端·javascript
徐小夕19 分钟前
写了一款3D可视化编辑器模版,开源!
前端·javascript·github
酱酱子耶22 分钟前
async没有了await会发生什么?实际问题
前端·react.js