computed（计算属性）
起到的效果和method和filter类似，可以对需要渲染的数据，进行一些前置操作，比如：数 “0” 和 “1” 显示为 “男” 跟 “女”，
computed非常适合数据格式化，当数据发生变化的时候，数据都可以重新格式化，不必担心性能问题，是比较推荐使用的
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Vue 测试实例</title> <script src="res/vue.js"></script> </head> <body> <div id="app"> <p>原始字符串: {{ message }}</p> <p>计算后反转字符串: {{ reversedMessage }}</p> <p>使用方法后反转字符串: {{ reversedMessage2() }}</p> </div> <script> var vm = new Vue({ el: '#app', data: { message: 'Runoob!' }, computed: { reversedMessage: function () { return this.message.split('').reverse().join('') } }, methods: { reversedMessage2: function () { return this.message.split('').reverse().join('') } } }) </script> </body> </html>