18-Vue计算属性和函数的区别

image.png

一.助记图

image.png

1.问题
需要返回逻辑运算的数据,如果用方法,每次在界面上显示一次,就要计算一次,极大的降低了浏览器渲染网页的效率
2.解决方法
引出计算属性的概念,对需要进行逻辑运算显示在界面上的数据,进行缓存,只要参与计算的数据不发生变化,就不会一直执行,直接将缓存的数据显示在界面上,大大提高了浏览器渲染界面的速度
3.应用
计算属性适用于参与运算的数据不发生频繁变化的场景
4.代码测试

image.png