SOURCE

var vm = new Vue({
  el: '#example',
  data:{
    message: 'Hello'
  },
  // methods:{
  //   reversedMessage: function(){
  //     // 在里边使用 `this` 访问变量
  //     return this.message.split('').reverse().join('')
  //   }
  // },
  computed:{
    reversedMessage: function(){
      // 在里边使用 `this` 访问变量
      return this.message.split('').reverse().join('')
    }
  }
})

<div id="example">
  <p>Original message: "{{ message }}"</p>
  <p>Computed reversed message: "{{ reversedMessage }}"</p>
</div>