Vue.js
컴포넌트 기반의 SPA를 구축하는 프레임워크
ㅍ
Component (컴포넌트)
- 웹을 구성하는 로고, 메뉴바, 버튼, 모달창 등 웹페이지 내의 다양한 UI요소
- 재사용 가능하도록 구조화 한것
SPA (Single Page Application)
- 단일 페이지 어플리케이션
- 하나의 페이지 안에서 필요한 영역 부분만 로딩 되는 형태
- 빠른 페이지 변환
- 적은 트래픽 양
Vue CLI (뷰를 만들때 필요한 파일들을 받아줌)
npm install -g @vue/cli
Vue 페이지 전환되는 라우팅 전환을 위해서
npm install vue-router --save
BootstrapVue > 부트스트랩형식으로 사용하기 위한 뷰컴포넌트
<template> - html 코드 디자인
<template> </template> |
<script> - 디자인에 데이터를 바인딩, 이벤트를 캣치, 서버랑 통신하기 위 한코드
<script> export defult { }; </script> |