Vue计算属性computed可以做什么？又能应用于什么场景呢？下面本篇文章就来带大家了解一下Vue computed属性，并将其与methods、watch对比一下，希望对大家有所帮助！
Vue中的计算属性是所有属性的计算，而这些计算都是变向的在过滤值，通过数据的不断变化计算出来不同的值和操作不同的方法. 而在Vue中，会使用到计算属性的场景常见的有：
-
模板内的表达式
-
属性
v-bind里可以进行的表达式。（学习视频分享：vue视频教程） -
指令中可以进行的表达式
以上三者的主要优势是简洁。如果只是一个小操作，比如说一些简单的数值++，字符拼接，三元表达式，那么使用相当方便。当然，以上方式也有自己的劣势。一旦要处理的逻辑复杂，代码量就会变得大得多，而且难于维护。比如说用到if语句来控制流程。那么这个时候可能会想到用filter，咱们来看一个简单的示例。
<div id="app"> <button @click="count++">{{count + '分'}}</button> <div> <input v-model="message" /> </div> <p>{{ message.split(' ').reverse().join(' ') }}</p> </div>
let app = new Vue({ el: '#app', data () { return { count: 0, message: '' } } })
