vue.js (2) 썸네일형 리스트형 vue.js - 라우터, http, 템플릿, CLI 뷰 라우터뷰에서 라우팅 기능을 구현 할 수 있도록 지원하는 공식 라이브러리 : 페이지 이동 태그, 화면에서는 로 표시됨 : 페이지 표시 태그. 변경되는 url에 따라 해당 컴포넌트를 출력해주는 영역$mount() API -el속성과 동일하게 인스턴스를 화면에 붙이는 역할 뷰 라우터 예제 Main 컴포넌트로 이동 Login 컴포넌트로 이동 // 3. Main. Login 컴포넌트 내용 정의 var Main = { template: 'main' }; var Login = { template: 'login' }; // 4. 각 url에 해당하는 컴포넌트 등록 var routes = [ { path: '/main', component: Main }, { path: '/login', component: Log.. vue.js - 뷰 인스턴스, 컴포넌트 이해하기 뷰 인스턴스뷰 인스턴스 생성자- new Vue()로 인스턴스 생성 시 Vue를 생성자라고 함- Vue생성자는 뷰 라이브러리 로딩하고 나면 접근 가능new Vue({ el: '#app', data: { message: 'Hello Vue.js!' } }); 뷰 인스턴스 옵션 속성- 인스턴스 생성 시 재정의할 data, el, template 등의 속성 의미- el : 미리 정의되어있으며, 뷰로 만든 화면이 그려지는 시점을 뜻함- # 선택자는 CSS선택자 규칙과 같음- template : 화면에 표시할 HTML, CSS 등의 마크업 요소를 정의하는 속성- methods : 화면 로직제어와 관계된 메서드를 정의하는 속성, 화면의 전반적인 이벤트와 화면동작과 관련된 로직 추가- created : 뷰 인스턴스가 .. 이전 1 다음
