Vue计算属性及使用

发布于 2021-11-27  251 次阅读


  1. 什么是计算属性

计算属性指的是通过一系列运算之后,最终得到一个属性值。
这个动态计算出来的属性值可以被模板结构或 methods 方法使用。示例代码如下:
1.png
2.png

  1. 计算属性的特点

    1. 虽然计算属性在声明的时候被定义为方法,但是计算属性的本质是一个属性
    2. 计算属性会缓存计算的结果,只有计算属性依赖的数据变化时,才会重新进行运算
  2. 计算属性的应用

    1.不使用计算属性改变div的background
    3.png

    1. 使用计算属性

    1.png


小小孩子们