하다보니

style 태그의 scoped 속성 - 해당 컴포넌트 안에서만 유효한 스타일 속성 화면에서의 데이터 변경과 vue 인스턴스의 데이터 변경이 동기화 되는 것을 확인할 수 있다. slot 특정 컴포넌트를 다른 컴포넌트에서 사용할 때, 특정 코드들을 재정의할 수 있다. vue transition v-enter : 시작 v-enter-to : 끝 호이스팅 코드의 라인 순서와 관계없이 함수 선언식과 변수를 위한 메모리 공간을 먼저 확보한다. Enhanced Object Literals - 향상된 객체 리터럴 - 객체의 속성을 메서드로 사용할 때 function 예약어를 생략하고 생성 가능 Modules - 자바스크립트 모듈화 방법 - 자바스크립트 모듈 로더 라이브러리(AMD, CommonJS) 기능을 js 언어 ..

v-for {{people[0].name}} {{people[0].age}} {{people[1].name}} {{people[1].age}} {{people[2].name}} {{people[2].age}} {{people[3].name}} {{people[3].age}} {{person.name}} {{person.age}} {{person.name}} {{person.age}} {{person.name}} {{person.age}} {{index}} v-for를 사용해서 객체의 속성을 반복할 수도 있다. {{ value }} {{ index }}. {{ name }}: {{ value }} new Vue({ el: '#v-for-object', data: { object: { title: 'How ..

뷰 인스턴스 생성하기 모든 vue 앱은 Vue 함수로 새 vue 인스턴스를 만드는 것부터 시작한다. vue 인스턴스를 생성할 때는 options 객체를 전달하여야 한다. vue 앱은 new Vue를 통해 만들어진 루트 Vue 인스턴스로 구성되며 선택적으로 중첩이 가능하고 재사용이 가능한 컴포넌트 트리로 구성된다. new Vue({ el:'#app', data:{ number:1, show:false }, methods:{ increaseNumber(){ this.number++ }, toggle(){ this.show=!this.show }, } }) 뷰 데이터와 메소드 vue 인스턴스가 생성될 때 data 객체에 있는 모든 속성이 vue의 반응형 시스템에 추가된다. 각 속성값이 변경될 때 뷰가 반응하여..