Client Language/Vue.js2

• 

  [무작정 따라하는 Vue] 2. Vue.js 조건문 반복문 [무작정 따라하는 Vue] 2. Vue.js 조건문 반복문 Vue.js에서 조건문과 반복문을 어떻게 사용하는지 탐구해봅니다. 1. 조건문 엘리먼트에 조건문을 사용하여 enable 혹은 disable을 제어하는 것을 예제로 설명합니다. 이제 나를 볼 수 있어요 var app3 = new Vue({ el: '#app-3', data: { seen: true } }) 이제 나를 볼 수 있어요 이제, Javascript 콘솔에 app3.seen = fasle를 입력해 주면, 메시지가 사라지는 것을 볼 수 있습니다. app3.seen = false 이 예제를 통해 텍스트와 속성뿐 아니라 DOM의 구조에도 데이터를 바인딩 할 수 있음을 확인했습니다. 또한 Vue 엘리먼트가 Vue에 삽입/삭제/업데이트 될 때 자동으.. Client Language/Vue.js 2022. 3. 27.

• 

  [무작정 따라하는 Vue] 1. Vue.js 시작하기 [무작정 따라하는 Vue] 1.Vue.js 시작하기 Vue는 사용자 인터페이스를 만들기 위한 프로그레시브 프레임워크의 한 종류입니다. 다른 단일형 프레임워크와 달리 Vue는 점진적으로 채택할 수 있도록 설계가 되어있습니다. 핵심은 View(뷰)레이어만 초점을 맞췄기 때문에 다른 라이브러리나 기존 프로젝트와의 통합이 매우 쉽다는게 장점입니다. 또한 Vue는 상황에 맞게 지원하는 라이브러리와 함께 사용한다면 정교한 단일 페이지 응용프로그램을 완벽하게 지원할 수 있습니다. vue 선언하여 사용해보기 Vue.js의 핵심은 간단한 템플릿 구문을 사용하여 DOM에서 데이터를 선언적으로 렌더링 할 수 있는 시스템이 있다는 것입니다. {{ message }} 템플릿에서 선언한 id값을 new Vue 를 통해서 elem.. Client Language/Vue.js 2022. 3. 27.