vue2写computed
时间: 2023-11-14 22:10:14 浏览: 134
Vue2-02 computed计算属性、watch侦听器
在Vue2中,computed是一种计算属性,它可以根据已有的数据计算出新的数据。computed属性是基于它的依赖缓存的,也就是说,只有当computed属性依赖的数据发生变化时,computed属性才会重新计算。computed属性可以像普通属性一样在模板中使用,也可以在Vue实例中通过this访问。在Vue2中,computed属性的定义需要在computed选项中进行,具体的语法格式如下:
```
computed: {
computedPropertyName: function() {
// 计算并返回新的值
}
}
```
其中,computedPropertyName是计算属性的名称,function()是计算属性的计算函数,它会返回新的值。在计算函数中,可以使用this来访问Vue实例中的数据,也可以使用其他的计算属性。computed属性还可以使用get和set函数来实现双向绑定,具体的语法格式如下:
```
computed: {
computedPropertyName: {
get: function() {
// 计算并返回新的值
},
set: function(newValue) {
// 处理新的值
}
}
}
```
在这种情况下,computedPropertyName是计算属性的名称,get函数用于计算并返回新的值,set函数用于处理新的值。当计算属性的值发生变化时,set函数会被调用。
阅读全文