methods 옵션에서의 함수는 매번 실행 되어야 한다.
computed 옵션에서의 함수는 직역대로 계산되어진 것이다. 캐싱이라는 기능이 있기 때문에
한번 연산해 놓은 값이 있다면 다시 연산하지 않고 저장 된 값을 반환한다.
또한 computed 된 값은 읽기 전용이다.

<template>
  <h1>{{ reversedMessage }}</h1>
  <h1>{{ reversedMessage }}</h1>
  <h1>{{ reversedMessage }}</h1>
  <h1>{{ reversedMessage }}</h1>
</template>

<script>
export default {
  data() {
    return {
      msg: 'Hello Computed!'
    }
  },
  computed: {
    reversedMessage() {
      return this.msg.split('').reverse().join('')
    }
  },
  methods: {
    reverseMessage() {
      return this.msg.split('').reverse().join('')
    }
  }
}
</script>