清澈的风

vue2.0笔记(三)——计算属性

计算属性

当data里含有复杂逻辑操作的时候，应当使用计算属性

1
{{a}}<br>{{b}}

1
2
3
4
5
6
7
8
9
data: {
	a:1,
	b:''
 },
computed:{
	b:function () {
		return this.a+1;
		}
	}

computed里存储着计算后返回的对象，虽然看起来是一个function,但是b实际上等于计算后返回的值，因此在使用计算属性时注意写return

当数据是数组时，经过计算可能也会改变原数组

计算属性默认只有getter，不过在需要时你也可以提供一个setter：


这样数据之间就可以对应更新了

vuecomputed