失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > Vue.js 监听属性简单实例

Vue.js 监听属性简单实例

时间:2023-10-30 01:58:11

相关推荐

Vue.js 监听属性简单实例

Vue.js 监听属性 watch,可以通过 watch 来响应数据的变化。

watch:用来监听每一个属性的变化

watch这个对象里面都是函数,函数的名称是data中的属性名称,watch中的函数不需要调用

当属性发生改变那么就会触发watch函数,每个函数都会接受两个值,一个是新值,一个是旧值

我们可以在watch当中就新旧值的判断来减少虚拟dom的渲染

只要是当前的属性值发生改变就会触发它所对应的函数

实例1;

当 counter 变化时,在 watch 中捕捉到,可以收到改变后的值;此处只是弹出一个提示框;

实例2;

程序最初运行如下;

在输入框输入 A,变化如下;

在输入框再输入C;

如果觉得《Vue.js 监听属性简单实例》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。