VUE如何同时监听多个变量的变化

最新推荐文章于 2025-02-20 20:40:29 发布

原创最新推荐文章于 2025-02-20 20:40:29 发布 · 2.5k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#vue #css #html #node.js

前端同时被 2 个专栏收录

50 篇文章

订阅专栏

代码知识

18 篇文章

订阅专栏

本文介绍如何在Vue.js中使用computed属性和watch监听器来有效地响应数据变化。通过实例展示，当data中的username和password发生变化时，computed属性changeData会自动更新，并触发watch监听器，实现对变化的实时响应。

使用computed配合watch监听变量变化

data() {
	return {
		username:'',
		password:''
	}
},
computed: {
  changeData() {
    const { username, password} = this
    return {
      username,
      password
    }
  }
}, 
watch: {
 	changeData(e) {
  	//写入你需要监听的事件
	}
    
},