Vue之watch监听
创始人
2024-04-11 16:27:16
  • 计算属性不能用异步代码;
  • 有返回值的函数,用异步代码也不行;
  • 没有返回值的函数,可以用异步代码;
  • watch监听也可以放异步代码;

data、methods、computed、watch的区别:

data:状态,会被拦截;

methods:事件绑定,逻辑计算。可以不用return,没有缓存;

computed:重视结果,解决模板过重问题,必须有return,只求结果,有缓存,同步;

watch:重视过程,监听一个值的改变,不用返回值,异步同步;

watch监听值改变:

  • 监听谁,就把谁封成函数;
  • 函数参数是当前最新的value值;
  • 下面代码演示,监听mytext的变化:

结果:

 

 

相关内容

热门资讯

医院需要办实事的AI 题图|视觉中国 医疗AI概念之热,从未停歇。 自开年来,港股市场就被一波接一波的AI医疗概念持续推高...
别着急,如果房价涨了,一定会让... 不公开信息也没关系,选择性公开就是最大的公开。 大家好,我是孙少睡,这是我的第482篇文章。 楼市里...
贾国龙是如何一步步让自己被讨厌... 罗永浩刚向西贝开炮时,舆论不是一边倒的。 人们心里有杆秤:西贝虽然贵,但它是中国食品安全的优等生,儿...
学习座右铭:有努力就会成功 小...  1.“世上无难事,只要肯登攀。”  2.“勤奋是学习的枝叶,当然很苦,智慧是学习的花朵,当然香郁。...
教师座右铭:把爱带给每位学生 ...  1、教书育人是教师的天职,既有苦,也有乐。  2、让我们用自己的行和自己的心去教育我们孩子。  3...