vue模板中{{}}需要通过计算得到值我们一般通过计算属性去完成它
如
<span>{{max+min}}</span>
data(){
return{
max:10,
min:2
}
}，
通过计算属性就是
<span>{{getValue}}</span> //getValue可以自定义的方法名称
computed:{
getValue(){
return this.max + this.min
}
}
计算属性一般就是用来通过其他的数据算出一个新数据，而且它有一个好处就是，它把新的数据缓存下来了，当其他的依赖数据没有发生改变，它调用的是缓存的数据，这就极大的提高了我们程序的性能。而如果写在methods里，数据根本没有缓存的概念，所以每次都会重新计算。这也是为什么这里我们没用methods的原因
