vuelist1 [Vue.js] 뷰 리스트 렌더링 하는 법, Vue.js List Rendering 뷰 리스트 렌더링 복잡한 웹을 만들다보면 정말 자주 마주치게 되는 상황이 있습니다. 게시판의 게시글 리스트를 보여줘야하는 상황처럼 목록이나 리스트와 같이 비슷한 내용을 반복적으로 보여줘야하는 경우가 그 예입니다. 이때 사용하는 디렉티브가 바로 v-for 디렉티브입니다. Html 요소들 데이터 값을 받아 rendering 하려면 태그 안으로 data() 데이터 보건서를 만듭니다. ... data(){ return { building : ['OneRoom', 'TwoRoom', 'ThreeRoom'], price : [100,200,300], } }, Html div 태그로 건물 데이터 실시간 렌더링 특징 {{ data }} {{building[0]}} {{price[0]}} {{building[1]}} {.. 2022. 12. 30. 이전 1 다음
