computed와 methods의 차이

Vue.js에서 자주 쓰이는 computed와 methods를 들어본 적이 있을겁니다.가끔 이 둘 중에서 무엇을 사용해야 할 지 헷갈리는 경우가 있더군요.그래서 정확하게 알고 사용하기 위해 이 둘의 차이가 무엇인 지 알아봅시다. 1. computed (계산 속성)computed는 특정 값이 다른 데이터에 의존해 계산될 때, 사용됩니다.종속된 데이터가 변경될 때에만 계산이 되는 거에요.Vue는 computed 속성을 캐시하기 때문에, 관련된 데이터가 변경되지 않는 한 계산된 값을 재사용해요. 이를 통해 Vue 컴포넌트의 상태에 따라 동적으로 변하는 값을 쉽게 관리하여 성능을 최적화할 수 있어요. 예를 들어봅시다.export default { data() { return { firstName..

• format_list_bulleted Front-End Study/Vue.js
• · 2024. 11. 8.
• textsms

Computed vs Watch

Vue.js에서 computed와 watch는 둘 다 반응형 데이터를 다루는 방법을 제공하지만, 그 목적과 사용 방식에 따라 차이가 존재해요.그 차이에 대해 알아봅시다! 1. ComputedComputed는 계산된 속성(Computed property)을 정의하는 데 목적을 두고 있어요.어떤 데이터의 변화에 따라 다른 데이터를 자동으로 갱신해야 할 때, 사용합니다.이 속성은 종속된 데이터가 변경되지 않는 한 캐시됩니다.캐싱(Caching) : 데이터 or 연산 결과를 일시적으로 저장하여, 나중에 동일한 데이터를 요청할 때, 다시 계산하거나 가져오는 대신 저장된 데이터를 빠르게 제공하는 기술 따라서 종속 데이터가 변경되지 않으면, 동일한 결과를 반환하며 성능 최적화에 유리합니다. computed.html ..

• format_list_bulleted Front-End Study/Vue.js
• · 2024. 7. 4.
• textsms