【Vue3 从入门到实战 进阶式掌握完整知识体系】004-Vue语法基础：数据、方法、计算属性、侦听器

4、数据、方法、计算属性、侦听器

代码

运行结果

image-20210612180304826.png

计算属性和方法的不同

计算属性：当计算属性依赖的属性发生变化时计算属性会重新计算；方法：只要页面刷新，方法就重新执行；

运行结果

image-20210612180941732.png

侦听器

假如我希望在某个属性发生变化之后的 n 秒打印一条信息，我们就需要用到侦听器；

计算属性的底层就是使用侦听器实现的，只不过我们使用计算属性更加简便！

运行结果

image-20210612181744506.png

侦听器参数

代码

运行结果

image-20210612182036634.png

总结

计算属性：依赖的属性发生变化时改变；

方法：每次页面刷新就会执行；

侦听器：当侦听的某值发生变化时执行，是计算属性的底层实现；