Vue中watch用法
我前端开发时看到同事使用到了watch，所以稍微提取了一下操作方法（vue）
具体如下图：
vue代码
账户名称：<el-input v-model="qqName" style="width: 10%"></el-input>账户密码：<el-input v-model="qqPwd" style="width: 10%"></el-input>
vue中 data() {return {}} 中定义变量
data() {return {qqName: "",qqPwd: "",}}
Vue中watch{ }中定义
watch: {//当变量值发生改变是进行调用qqName(newValue, oldValue) {console.log("当变量值发生改变是进行调用oldValue",oldValue,"newValue:",newValue);},qqPwd(value) {console.log(value);},},
效果
若要初始化就进行一次调用则可以改为：
//页面渲染时就调用一次qqName: {handler(newValue, oldValue) {console.log("页面渲染时就调用一次oldValue", oldValue, "newValue:", newValue);},immediate: true},
总结：
如果觉得《Vue中watch用法》对你有帮助，请点赞、收藏，并留下你的观点哦！
