VUE watch用法展示
<template> <view> <!-- <view class="font">{{name}}</view> --> <view class="font">{{num}}</view> <view class="font">{{num>10?'优秀':''}}</view> <button type="primary" @tap="change()">修改</button> </view> </template> <script> export default { data() { return { name:"我是一个名称", num:0 } }, watch:{ name:function(val) { //监听的字段需要和data里面声明得字段一样,才能够实现监听效果。 console.log(val) }, num:function(val){ console.log(val); } }, methods:{ change:function(){ // this.name="被修改了"; this.num++; } } } </script> <style> .font{ font-size: 50upx; } </style>
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步