제야의 개발메모장

v-for : 배열의 데이터를 바인딩하여 목록을 표시하데 사용 See the Pen v-for 개념 by dpals-103 (@dpals-103) on CodePen. 콘솔에서 app.listItems.push({ 국가명: "New item", 수도: "New item" }) 를 입력하면 목록에 새 항목이 동적으로 추가되는 걸 확인할 수 있다

디렉티브는 vue에서 제공하는 특수 속성임을 나타내는 v- 접두어가 붙으며 렌더링된 DOM에 특수한 반응형 동작을 한다. v-bind:title See the Pen v-bind:title by dpals-103 (@dpals-103) on CodePen. v-bind 속성을 사용할 때는 v-bind:title 가 기본형태이며 :title 로 축약해서 사용할 수 있다. [예제설명] v-bind:title ====== 이 요소의 title속성을 vue 인스턴스의 'sum 또는 name' 의 속성으로 최신상태를 유지한다 v-bind:class See the Pen class 사용여부를 true,false 로 지정 by dpals-103 (@dpals-103) on CodePen. [예제설명] v-bind:c..

See the Pen VUE 입문 by dpals-103 (@dpals-103) on CodePen. Vue.js의 핵심에는 간단한 템플릿 구문을 사용하여 *DOM(Document Object Model)에서 데이터를 선언적으로 렌더링 할 수 있는 시스템이 있다 . 데이터와 DOM이 연결되어 있기 때문에, 변경된 값에 따라 업데이트 되는 반응형이 된다. ----> HTML과 직접 상호작용할 필요가 없다. -----> vue 앱으로 일일히 html을 수정하지 않아도 값을 변경할 수 있다. * DOM(Document Object Model) --> '문서 객체 모델' 로 XML이나 HTML 문서에 접근하기 위한 일종의 인터페이스를 말하며 문서 내의 모든 요소를 정의하고 요소에 접근하는 방법을 제공한다