首先使用methods方法实现属性计算
步入正题:
计算属性:拿已有的属性计算得出新的属性
1.vue中属性和计算属性是分开的,属性在data中,计算属性在computed中
computed中计算属性以对象的形式存贮
这里是将fullName以及get的返回值作为键值对给vm,而不是fullName这个对象,所以在模板中不能只用fullName.get。
computed中的get方法实际上也是Object.defineProperty API中的getter方法。所以该方法是当读取fullName时候就会被自动调用执行,且返回值就是fullName的值。该方法在第一次读取后会进行缓存,提高效率。就会比methods方法调用效率高。
为了以防修改数据,保证数据的准确性,该方法有两个特点
1.初次调用的时候
2.计算属性所以依赖的数据发生变化时。
都很好理解。
2.有get方法,就有set方法,他们都是被vue管理的函数,所以一般都写成普通函数,不能写箭头函数
set修改fullNanme的时候调用执行
3.相关简写
前提是计算属性只读不改:
1.set函数可以省略
2.get方法简写
.
总结: