这里想说一下计算属性computed,它也是vue实例的一个属性。应用于一些情况,那就是当模板中的数据需要比较复杂的计算时候,可以采用这个computed属性进行计算,最后将结果返回到模板中。
- 有一点需要注意一下,computed属性和methods在某种程度上都可以完成相同的事情,但是计算属性具有缓存的作用,也就是如果计算属性中所依赖的数据没有改变,那么计算属性会得到保存,不会改变。而methods方法则不同,每当页面渲染的时候,methods中的方法会重新执行。
methods:{
reversedText: function() {
return this.text.split(',').reverse().join(',')
}
}
methods也是vue实例中的一个属性。