Vue (6) 썸네일형 리스트형 vue.js 초급 총 정리 보호되어 있는 글입니다. vue-cli로 생생한 프로젝트 내용 정리 vue-cli : command line interface로 명령어 실행 보조도구이다. npm: node package manager를 이용한 실행 명령어를 사용했다. 그 실행 명령어는 package.json에 "scripts"에 정의 되어 있다. 서버를 띄웠을때, 여러가지의 파일들이 하나의 파일이 변환이 되어 index.html에 auto inject가 될 것이다. 내부적으로 webpack이 돌아가고 있다. 실제로 서비스 구현해서 배포까지 할려면 webpack을 써야 하기 때문에 webpack도구를 살펴봐야 한다. 현재 vue-cli 프로젝트는 main.js에 App.vue와 AppHeader.vue에 대한 내용들이 들어가 있다. 싱글 컴포넌트 부분은 html, template 속성 는 인스턴스 옵션 .. 싱글 파일 컴포넌트에서 props 속성 사용방법, main.js 설명 보호되어 있는 글입니다. 싱글 파일 컴포넌트에서 데이터 바인딩 시키기 보호되어 있는 글입니다. watch 보호되어 있는 글입니다. vue - reactivity, instance, 전역 컴포넌트와 지역 컴포넌트 뷰의 핵심 - 반응성 - 데이터의 변화를 라이브러리에서 감지해서 알아서 화면으로 자동으로 그려주는 것 - 데이터 바인딩 인스턴스 생성 new Vue(); 인스턴스를 생성하면 그건 루트 컴포넌트가 됩니다. 컴포넌트 등록 1. 전역 컴포넌트 1) 전역 컴포넌트로 등록 : Vue.component('컴포넌트 이름', 컴포넌트 내용); Vue.component('app-header', { template: 'Header' }); 2) app-header라는 태그를 만들어줘야 한다. (인스턴스 영역 안에다가) app-header의 컴포넌트의 app-header 태그가 되고 이 부분에서 컴포넌트 내용이 반영이 되서 화면에 나타난다. 2. 지역 컴포넌트 new Vue({ el: '#app', // 지역 컴포넌트 등록.. 이전 1 다음