vue计算属性数据

我们定义在data中定义的模型数据是固定不变的,我们想在获取数据的时候,动态改变数据,可以使用计算属性数据技术。

静态的数据定义在data属性中:定义的是什么数据,获取的就是什么数据

计算属性数据定义在comptued属性中:定义的是方法,获取的时候,会将执行的结果返回(是计算的)

computed与data的用法是一样的,添加给vue实例化对象自身,并设置了特性,定义的时候都是一个对象

key表示数据名称

value是一个函数

参数和this都指向vue实例化对象,

因此通过参数或者this可以获取vue中的其它数据。

必须有返回值,就是获取的数据。

注意:当多次使用计算属性数据的时候,该方法只会执行一次。只有当内部使用的数据发生改变的时候,计算数据数据的方法才会执行一次。

不论是data中定义的数据还是computed中定义的数据都会添加给vue实例化对象自身并设置特性。

posted @ 2022-03-26 15:07  HaoyuSun  阅读(232)  评论(0)    收藏  举报