# computed

20개의 포스트
post-thumbnail

[Vue] computed

computed : 계산된 데이터기본적으로 readonly ( getter 성질 )data : getter, settercomputed : getter메소드와 달리 computed는 객체를 리턴하기 때문에 reversedMessageComputed에 ()를 붙이지 않는

2022년 6월 19일
·
0개의 댓글
post-thumbnail

[Vue] : Computed

Computed Computed coputed (계산된데이터) data 옵션에 정의해둔 특정한 데이터를 추가적으로 어떤 연산을 통해 정의한 다음에 정의한 값을 반환하는 계산된 데이터 data들을 정의한 후 원본에 손상이 가지 않도록 computed를 통해 계산할 수 있으며 캐싱 기능을 통해 간단한 로직은 더 부담없이 활용할 수 있다. Setter C...

2022년 5월 21일
·
0개의 댓글
post-thumbnail

TIL | Vue 반응형(22.05.03)

둘은 똑같은 기능을 한다. 내부적을 코드를 까면 같은 역할을 한다하지만 관습적으로 reactive는 object, array를 그외 숫자, 문자를 ref에 쓴다. 하지만 ref에 object, array를 써도 상관 없다.props를 reactive(반응형) 하게 쓰려

2022년 5월 2일
·
0개의 댓글
post-thumbnail

Vue야 나의 View 를 넓혀줘

< img src="선생님과의 카톡 캡쳐" alt="꼭 잘돼야만 하는 이유">js파일에const App= Vue.createApp({}) 형식으로 만들어return 할 값으로 count : 0을 만들었다.html파일에는div이벤트를 받는 형식인< button

2022년 3월 30일
·
0개의 댓글

[Vue.js] watch 사용법

computed와 watch 를 이론적으로만 알고 실습에 사용한 건 거의 처음이다!첫날에는 헤매다가 차근차근 접근했더니 실마리가 풀렸다...!이 기분에 코딩하는 것 같다....ㅠㅠ이유가 별건 아니긴 했는데 점점 알아가는 것 같아서 기쁘다 ( 숫자+건)이 mounted에

2022년 2월 21일
·
0개의 댓글

Vue 부모 컴포넌트에서 자식 컴포넌트의 데이터 옵션 값 동기화하기

부모 컴포넌트에서 자식 컴포넌트의 데이터 동기화하기

2021년 11월 4일
·
0개의 댓글

Vue computed와 watch

computed와 watch

2021년 11월 3일
·
0개의 댓글
post-thumbnail

Computed vs Watch

👩🏻‍💼 "computed랑 watch 둘 다 반응형이니까 똑같은 거 아니야?"👼🏻 "아님"

2021년 10월 6일
·
0개의 댓글

[TIL] Day-34

애플리케이션/컴포넌트 인스턴스 라이프 사이클 템플릿 문법 Data Methods Compute Watch 애플리케이션 / 컴포넌트 인스턴스 Vue 전역객체의 createApp함수를 실행해서 새로운 어플리케이션 인스턴스를 (app)반환받는다. createApp함수에는

2021년 9월 29일
·
0개의 댓글
post-thumbnail

[Vue] Computed | Watch 정리

1. 인스턴스와 라이프사이클 2. 템플릿 문법 3. Computed 4. Computed 캐싱 5. Getter, Stetter 6. Watch

2021년 9월 8일
·
0개의 댓글
post-thumbnail

computed & watch & methods

computed & watch & methods 비교하기

2021년 8월 4일
·
0개의 댓글
post-thumbnail

vue- computed

computed 정리

2021년 8월 4일
·
0개의 댓글
post-thumbnail

[Vue.js] Computed 캐싱

이전 글에 이어서 Vue.js의 computed의 캐싱에 대해 살펴봅시다.

2021년 4월 28일
·
0개의 댓글
post-thumbnail

[Vue.js] Computed

Vue.js의 computed라는 개념에 대해 알아보도록 합시다. 이는 원본 데이터를 계산된 데이터로 새롭게 만들어 활용할 수 있는 속성입니다.

2021년 4월 28일
·
0개의 댓글
post-thumbnail

[VueJS] 데이터 바라보기 - computed

computed는 vue 공식 홈페이지에서 잘 설명이 되어있다.제가 computed를 사용해야한 이슈로는 총 3개의 컴포넌트가 존재했습니다.1\. 메뉴 추가 컴포넌트에서 메뉴를 추가시킨다.2\. 해당 메뉴는 메뉴 컴포넌트와 메뉴수정 컴포넌트에 반영되어야 한다.기존의 v

2021년 1월 7일
·
0개의 댓글

vue.js 정리

Do it Vue.js 입문 및 구글링을 통해 정리한 내용입니다. Vue 인스턴스 뷰 인스턴스(instance)는 뷰로 화면을 개발하기 위해 필수적으로 생성해야 하는 기본 단위입니다. 요 아래 세가지 방법이 뷰 인스턴스를 생성하는 방법입니다. 인스턴스 안에 el 속성을 통해 뷰 인스턴스가 그려질 지점을 지정하고, data 속성에 화면에 보여질 데이터를...

2020년 1월 7일
·
0개의 댓글

[Vue.js] computed 에 Parameter 를 넘기는 방법

Vue.js 에서 파라미터를 넘겨야 하는 상황에서는 methods 를 사용하기를 권장합니다. 하지만 부득이하게 computed를 사용해야하고 파라미터를 넘겨야 할 필요가 있을 경우 다음과 같이 사용할 수 있습니다. 위의 computed 는 한 개의 파라미터를 받아 bar + 1를 반환합니다.

2019년 5월 10일
·
0개의 댓글