简记vue计算属性

  这个大家都遇见过,直接在p标签里进行了简单的运算

<p>{{a+ b}}</p>

  那如果计算过程十分复杂呢?直接写到p标签里显然不合适了,这个时候,有两种方法解决

1. methods事件:用methods事件运算触发<p>{{on()}}</p>
2. 计算属性:
   写法:

<p>{{ sum }}</p>

data() {
		return {
			a: 88,
			b: 77,
			c: 99
		};
	},
	computed: {
		sum: function() {
			return this.a+ this.b+ this.c;
		}
	},

  计算属性一般就是用来通过其他的数据算出一个新数据，而且它有一个好处就是，它把新的数据缓存下来了，当其他的依赖数据没有发生改变，它调用的是缓存的数据，这就极大的提高了我们程序的性能。而如果写在methods里，数据根本没有缓存的概念，所以每次都会重新计算。
  如果是较大的较复杂的,则用计算属性,如果只是简单地加减乘除等操作,直接在表达式中运算即可