[Vue] computed

[Vue] computed

예를 들어 const vm = new Vue({ el: '#app', data : { // 아이디가 없는 상태 todos: [ { title : '아침 먹기' }, { title : '점심 먹기' }, { title : '저녁 먹기' } ] } }) 라는 데이터가 있을 때 todos에 id가 없다. 만약 내가 프론트엔드 개발을 하는 데 서버에서 가져올 수 있는 데이터 자체가 id가 없는 경우가 발생할 수 있는 데 이럴 때 유용하게 사용할 수 있는 것이 computed다. 아래는 해당 소스 예시다. 소스에 대한 설명은 주석에 달려있다. 또한 Object.assign() 방식과 스프레드 방식이 둘 다 있는 소스가 있는 데 Object.assign()는 주석처리 하였다. <!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta ...

#computed #javascript #js #vue #vuejs #뷰 #자바스크립트 #컴퓨티드

원문링크 : [Vue] computed

 등록된 다른 글

엑박 게임패스 2023년 출시 예정작과 기대작은?

오늘도 평화로운 당근나라 빌런 직접 경험 시리즈

[CSS] font(3) - font-weight

[PS4/PS5] PSN plus 구독 서비스 게임 리스트 선공개

[node] 미들웨어(middleWare)

[여의도 / 국회의사당 점심] 이자카야 마중(눈꽃 치즈 돈가스 정식)

[PS4] () 위쳐3

[HTML] 양식(5) - textarea