# v-for

18개의 포스트
post-thumbnail

Vue) 02. v-for 반복문..

Vue의 반복문은 React 처럼 여러방법이 존재하지 않고 오로지 v-for이라는 반복문만 존재한다.이러한 점 중 하나가 Vue의 장점이다. (협업에서 코드의 통일성)메뉴바를 만들 때, a태그가 반복되는 것을 예제로 v-for문을 써보려고 한다.아래의 코드와 같이 re

2022년 7월 28일
·
0개의 댓글
·
post-thumbnail

Vue 공식문서 - 시작하기

Vue 기초 - (v-bind, v-if, v-for, v-on, v-model)

2022년 7월 25일
·
0개의 댓글
·

[Vue.js] 반복문 (리스트 렌더링)

npm i -D shortid (설치하고)기본 예시push, pop, unshift, shift, splice, sort, reverse기본 예시

2022년 7월 9일
·
0개의 댓글
·

[Vue] v-for (directive)

array 배열\[] v-for="값, 인덱스 in 배열" key=""object 객체{} 둘다 표현 가능하다.v-for="값, 키 in 객체" key=""

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

[Vue] : 리스트 랜더링

디렉티브를 사용하여 배열을 기반으로 리스트를 렌더링 할 수 있다. v-for 디렉티브는 item in items 형태로 특별한 문법이 필요하다. 여기서 items는 원본 데이터 배열이고 item은 반복되는 배열 엘리먼트의 별칭이다. Vue가 v-for에서 렌더링된 엘리

2022년 6월 5일
·
0개의 댓글
·

[Vue vs React] v-for vs map

v-for는 반복되는 HTML 요소를 구현하는데 사용되는 directive이다.(반복문 역할) React에서는 주로 map함수로 구현한다.

2022년 4월 28일
·
0개의 댓글
·

vue, 가변 배열에 v-for을 사용하여 key 값을 index로 사용시 문제점

토이프로젝트 도중 v-for을 사용하여 만든 리스트의 삭제 함수를 만들었더니 버그가 발생했다.포지션이 absolute에 임의의 위치를 가진 listitem1 과 마찬가지인 listitem2 가 존재할때 1녀석을 삭제했더니 2가 1의 위치에 가버리는 버그였다.두시간정도

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

[Vue.js] vue 문법 정리

차곡차곡 정리하며 쌓아나가는 vue.js 문법

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

Tatanic

v-for반복문 사용

2021년 12월 17일
·
0개의 댓글
·

Vue v-for 디렉티브

v-for 디렉티브

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

vuejs 다시 까보다.

뭐든 단순한게 최고다. vuejs를 최근에 다시꺼내 보기 시작했다. 프로젝트들이 죄다 vuejs를 가리키고 있어서 아 이건 다시 꺼내서 해야 겠다 라고 생각하고 꺼내보기 시작하는데~ 벌써 vue3.0을 많이 사용하더라. 내가 1.0때 하다가 그만 했으니... 세월도 금방이다. 다른건 모르겠고, 일단 내가 핵심이라고 생각했던 것들을 나열하면... v-bin...

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

[TIL] Day-35

vue에서는 클래스에 여러 개의 데이터를 연결할 수 있도록 하는 패턴(객체, 배열)을 제공한다.객체 리터럴을 쓰면 값이 true인 키값이 class속성 값으로 적용된다.선택자에 해당하는 스타일을 따로 지정해줘야 한다.{적용될 클래스 이름 : t/f의 값이 담긴 data

2021년 10월 1일
·
0개의 댓글
·
post-thumbnail

Vuejs 시작하기 (프로젝트 생성, 기본구성)

cli 설치 이후 프로젝트 생성 명령어 초기세팅 이후 폴더구조 (저는 yarn으로 설치했습니다){{데이터 바인딩}}JS 데이터를 HTML에 꽂아넣는 문법속성값의 데이터 바인딩

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

[ Vue.js ] Vue 가이드 - 조건문과 반복문

node : v14.17.1Vue : v2Vue.js 가이드를 참고하여 작성Vue에 삽입/업데이트/제거 등등 트랜지션 효과를 적용할 수 있는 속성v-if(https://kr.vuejs.org/v2/api/index.html - 표현식 값의 참 거짓을 기반

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

[Vue.js] Vue.js 입문(2) v-for, v-bind

Vue.js의 기본 디렉티브 v-for, v-bind를 이용해 menu를 구현해고 Vue.js의 기본구조 디렉티브를 학습한다.

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

[Vue.js] 조건문과 반복문

Vue.js를 통해 조건문과 반복문을 사용하는 방법에 대해 살펴봅시다.

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

[Vue] - Basic 속성

v-bind data 를 바인딩 해준다. v-bind 대신 :(콜론) 으로 축약해서 사용 가능 data, methods 키값을 this.키값으로 사용 대부분의 html 속성에 적용 가능하다. v-on 이벤트를 사용할 수 있다.

2020년 8월 22일
·
0개의 댓글
·