[ VUE3 ] 기초다지기 03, computed

See the Pen ExZYGbr by ucong2222 (@ucong2222) on CodePen.

* 더 알아보기

computed - 어떤 녀석에게 의존적일때 그 녀석이 바뀔때마다 자동으로 바뀌어서 계산된다.

computed 안쓴 버전

const VueApp = {   setup(){     const name = "홍길동";     const age = Vue.ref(4);     const isAdult = Vue.ref(age.value >= 20);     setInterval(() =>{       age.value = age.value +1;              isAdult.value = age.value >=20 ;     },500);     return {       name,       age,       isAdult     }   } }

 

생략 전	생략 후
const isAdult = Vue.computed(() => { return age.value>= 20});	const isAdult = Vue.computed(() => age.value>= 20);

- 값이 하나밖에 없으므로 {}와 return 생략 가능