计算属性 ------【运用场景:需要进行数值计算并依赖于其他数据时】
一。是属性(本质上是一个函数),侧重于得到计算结果,其值会基于其响应式依赖被缓存。
① 本质上是通过js的方法实现计算功能,但是在vm(vue的实例)上是以属性的形式存在;
控制台:
②必须返回结果,return
③就举例而言,fullName的值依赖于firstName和lastName的值,只要这两个依赖值不变,‘计算了一次’就不会被再打印一遍。也就是所谓的计算属性值会基于其响应式依赖被缓存。
二。 计算属性默认是只读的,在特殊情况需要用到‘可写’属性的话,可以同时提供getter和setter创建。详见vue官方文档截图: