목록v-for (1)

새오의 개발 기록

Vue 기본 기능(디렉티브와 템플릿)

텍스트 바인딩 템플릿에 다음과 같이 속성 이름을 작성하면 해당 위치에 값이 랜더링 됨 {{ message }} // Javascript var app = new Vue({ el: '#app', data: { message: 'Hello Vue.js!' } }) Hello Vue.js! 옵션에 정의한 데이터는 다음과 같이 외부에서 접근 가능함 console.log(app.message) // Hello Vue.js! 반복 랜더링 v-for 기사 목록 또는 상품 목록과 같은 리스트는 data 옵션에 등록한 배열 또는 객체에 v-for 디렉티브를 적용해서 반복 랜더링 할 수 있음 {{ item }} // Javscript var app = new Vue({ el: '#app', data: { list: ['사..
Javascript/Vue.js 2023. 1. 13. 13:42
이전 Prev 1 Next 다음