综合实训
侯素玲

1
2
3
4
5

计算属性

发布时间:2023-10-14 20:27   发布人:侯素玲   浏览次数:133

计算属性本质上就是一个 function 函数,它可以实时监听 data中数据的变化,并 return 一个计算后的新值,

供组件渲染 DOM 时使用。

计算属性需要以 function 函数的形式声明到组件的 computed 选项中。

计算属性的使用注意点:

  • 计算属性必须定义在 computed 节点中

  • 计算属性必须是一个 function 函数

  • 计算属性必须有返回值

  • 计算属性必须当做普通属性使用



视频1

了解计算属性的基本使用

视频2

计算属性vs方法


视频1

介绍计算属性案例的需求

视频2

动态计算已勾选商品的总数量
视频3动态计算总价格和结算按钮的状态