VUEJS) 조건문과 반복문
조건문 v-if를 활용한 예제 html 보이나요 js const vm = new Vue({ el: '#app', data: { seen: true } }) 실행화면 v-if를 이용하면 js에서 html을 껏다 켰다 제어할 수 있다. 위의 예제에서는 html내의 div태그 내의 v-if="seen" 의 seen은 js에서 정의한 seen의 값에 따라 제어 된다. 만약 js내의 seen이 true이면 텍스트가 출력되고, false이면 출력되지 않는다. 트랜지션 효과 -> 애니메이션하는 개념을 정용한다. 배열과 반복문 v-for을 이용한 예제 html {{ todo.text}} js const vm = new Vue({ el: '#app', data: { todos: [ { text: '1111'}, { te..
VUEJS) https://codepen.io/
codepen https://codepen.io/ CodePen An online code editor, learning environment, and community for front-end web development using HTML, CSS and JavaScript code snippets, projects, and web applications. codepen.io 코드펜을 이용하면 환경설정을 하지 않고도 충분히 공부를 할 수 있다. 이 외에도 JSFiddle, JS Bin 등이 있다. 빨간색 설정버튼을 눌러서 Add External Scripts/Pens의 검색창에 Vue라고 치면 Vue버전들이 나온다. 2.xxx 버전을 사용하는 것을 권장한다. v-bind를 활용한 예제 html {{ ..