본문 바로가기 메뉴 바로가기

소소한 코딩일지

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

소소한 코딩일지

검색하기 폼
  • 분류 전체보기 (144)
    • Books (10)
    • PYTHON (60)
    • 알고리즘 (5)
    • 지나가는 개념 정리 (22)
    • HTML & CSS (6)
    • Errors (13)
    • JavaScript (4)
    • Vue&React (21)
    • Flutter (2)
  • 방명록

Methods (1)
[Vue.js] computed와 methods ( + watch )

vue를 통해 여러 컴포넌트를 만들면서 점점 아무 생각 없이 computed와 methods를 남발하고 있었고, 점점 어떤 경우에 사용해야 할 지 모호해지고 있음을 느꼈다. 그래서 두 가지를 간단하게 정리해보려고 한다. 1. computed computed는 DOM 구조가 생성되기 전에 computed 내부에 있는 function들을 계산하여 캐싱(저장)해두고, 계산에 사용되는 내부 값이 변경 되면 다시 계산한다. Computed는 위에서 언급한 것과 같이 미리 계산을 실행하여 값을 캐싱 해두기 때문에 이후 동일한 값에 대해서 연산을 할 때 저장된 값을 가져오기만 하면 되므로 속도와 중복 처리 측면에서 큰 장점을 가진다. 그리고 template에서 호출시 ()를 생략하여 호출하고, ()에 들어가는 인자들..

Vue&React 2022. 1. 17. 03:17
이전 1 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
  • React.memo
  • reactrouter
  • SOAP API
  • 백준
  • bundler
  • redux-thunk
  • 문제풀이
  • 알고리즘
  • AxiosInterceptor
  • Vue.js
  • v-for
  • programmers
  • Transpiler
  • Vuex
  • error
  • React
  • GraphQL
  • Preloading
  • 상호평가
  • 프로그래머스
  • webpack
  • TypeScript
  • Repository Pattern
  • js
  • python
  • 파이썬
  • Vue
  • clean code
  • redux
  • SPA
more
«   2025/07   »
일 월 화 수 목 금 토
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바