반응형 vue3 v-for1 [Vue3] Stand Alone #3. v-for, :key Vuejs 3 CDN 으로 사용하기 Vue3 를, (npm 없이, webpack 없에, package.json 없이 등등..), 홀로 사용 하려는 경우에 vue3 를 개발하는 방식 중 하나 입니다. Stand Alone 으로 사용할 수 밖에 없는 경우만 봐주세요~ data 의 cars 배열을 for 문으로 li 들을 뿌려주는 예제입니다. v-for="item in cars" 로 반복을 합니다. :key 는 unique 한 값으로 입력을 해줘야 합니다. {{ item }} 배열의 문자열이 중복될 수 도 있으니 index 를 사용할 경우 아래와 같이 변경하면 됩니다. {{ item }} 문자열이 json list 일 경우 {{ item.name }} ({{ item.age }}) 결과 2022. 3. 20. 이전 1 다음 728x90 반응형
