Vue.js 사용법

호환성

Vue는 ES5 기능을 사용하기 때문에 IE8 이하 버전을 지원하지 않음.

모든 ES5 호환 브라우저를 지원

다운로드를 받아 vue.js를 script에 추가.

<script src="./vue.js"

프로토타이핑 또는 학습 목적

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

프로덕션 - 특정 버전의 빌드를 추가해야 새 버전에서 추가된 기능으로의 오류를 막을 수 있다.

<script src="https://cdn.jsdelivr.net/npm/vue@2.6.0"></script>

기본 ES 모듈을 사용하는 경우 ES 모듈 호환 빌드 파일을 제공

<script type="module">
  import Vue from 'https://cdn.jsdelivr.net/npm/vue@2.6.11/dist/vue.esm.browser.js'
</script>

https://cdn.jsdelivr.net/npm/vue/ 에서 npm 패키지의 소스를 볼 수 있다.

Vue를 이용한 대규모 어플리케이션 구축시 npm을 이용한 설치를 권장

SFC를 위한 도구도 제공

$ npm install vue

Vue.js는 단일 페이지 어플리케이션 구축을 위한 CLI를 제공.