Vue.js的监听方法watch的详细解释

在这里插入图片描述

  • 代码的实现是:通过按钮的点击事件触发数值更新;首先在input标签上挂载ref,在点击事件中,通过this. r e f s t h i s . refs来获取挂载点,在用this. refs.value获取输入值给work赋值。
  • 代码的关键是监听work数据的改变,在watch的方法中,监听数值改变后的处理分为两步,一个是监听后执行一个方法,这个方法是写在methods里面,而另一个是在watch的方法体内。
  • watch的方法带2个参数,第一个是更新的数据,第二个是更新前的数据。通过获取两个参数的值,然后显示在html中可以清晰的知道数值的改变。

猜你喜欢

转载自blog.csdn.net/weixin_43966487/article/details/88170191
今日推荐