seong.on2e

  • 홈
  • 태그

속성 1

[Vue] Watch 와 Computed 속성

Computed 속성 computed 속성은 템플릿의 데이터 표현을 더 직관적이고 간결하게 도와주는 속성이다 {{ message.split('').reverse().join('') }} 위 코드는 message라는 데이터 속성의 문자열 순서를 역으로 변환해주는 코드이다. 이와 같은 계산식이 템플릿에 많아지면 템플릿의 가독성이 현저히 떨어진다. 따라서 아래와 같이 computed 속성을 활용한다. {{ reversedMessage }} 해당 기능을 Methods 속성을 사용 할 수도 있지만 computed는 data 속성에 변화가 있을때 자동으로 다시 연산을 한다. computed에서 사용하고 있는 data속성인 message라는 프로퍼티가 변화가 있을때만 다시 연산을하고 한번 연산한 값을 캐싱 해놓았다가..

Web/Vue 2021.11.18
이전
1
다음
더보기

방문자수Total

  • Today :
  • Yesterday :
프로필사진

seong.on2e

내가 보려고 만든 블로그

  • 분류 전체보기 (51)
    • DataBase (14)
      • MSSQL (14)
      • ORACLE (0)
      • MYSQL (0)
    • Programing (11)
      • JAVA (0)
      • .NET (8)
      • .NET Core (3)
      • python (0)
    • Web (22)
      • HTML (1)
      • Vue (10)
      • JavaScript (11)
    • Server (3)
      • Docker (3)
    • 기타 (1)

최근글과 인기글

  • 최근글
  • 인기글

Copyright © Kakao Corp. All rights reserved.

티스토리툴바