NOTE

computed는 계산 기능이 있는props입니다

계산 속성 ※ 계산 기능이 있는 속성
데이터 자체에 어떤 처리를 부여한 것을 속성(실례를 가지고 참조하고 싶을 때)으로 사용하다

Code

props 값만 배로 하는computed 예시
카운트 더블을 두 배로 만들고 있어요.

<template>
  <div>
    <h2>
      count: {{ count }}
    </h2>
    <h2>
      countDouble: {{ countDouble }}
    </h2>
    <input type="button" @click="incrementCounter" value="Increment!">
  </div>
</template>

<script>
export default {
  data () {
    return {
      count: 1
    }
  },
  computed: {
    countDouble () {
      return this.count * 2
    }
  },
  methods: {
    incrementCounter (e) {
      this.count = this.count + 1
    }
  }
}
</script>

// https://dev83.com/vue-computed-methods/

View

count 값이 증가하면 doubleCount도 증가합니다.

computed vs method

method도 같은 걸 할 수 있지만.
컴퓨터는 고속 캐시의 장점을 가지고 있는 것 같다

Original by Github issue