티스토리 뷰

Vue.JS

[vuex] Vuex 설치하기

버미노트 2019. 6. 23. 23:45

1. 직접 다운로드 / CDN

https://unpkg.com/vuex
위의 링크는 NPM 기반의 CDN 링크를 제공합니다. 항상 최신 NPM 릴리즈 버전을 가르킵니다. https://unpkg.com/vuex@2.0.0과 같이 특정 버전/태그를 사용할 수 있습니다.
vue 선언 뒤에 vuex를 추가하면 자동으로 설치됩니다.

<script src="/path/to/vue.js"></script>
<script src="/path/to/vuex.js"></script>

2. NPM / Yarn

npm install vuex --save # NPM
yarn add vuex # Yarn

위의 코드와 같이 npm과 yarn을 사용하여 설치할 수 있습니다. 위의 방법으로 설치하기 위해서는 Vue.use()를 사용해야 합니다.

import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)

3. 주의 사항

Vuex는 사용하기 위해서는 Promise 기능이 필요합니다. 만약 대상 브라우저가 Promise를 지원하지 않는다면, es6-promise 등을 사용하여 Promise를 polyfill 해야 합니다.

CDN으로 추가

<script src="https://cdn.jsdelivr.net/npm/es6-promise@4/dist/es6-promise.auto.js"></script>

위의 코드와 같이 <script>를 선언하면 window.Promise를 사용할 수 있습니다.

NPM / Yarn으로 추가

npm install es6-promise --save # NPM
yarn add es6-promise # Yarn

위의 코드를 사용하여 패키지를 설치 한 후에,

import 'es6-promise/auto'

Vuex를 사용하기 전에 위의 코드를 아무 곳에나 추가하면 됩니다.

참고

'Vue.JS' 카테고리의 다른 글

[vuex] Vuex 시작하기  (0) 2019.06.26
[vuex] Vuex란  (0) 2019.06.26
[vue-router] Lazy Loading Routes  (0) 2019.06.19
[vue-router] Scroll Behavior  (0) 2019.06.17
[vue-router] Data Fetching  (0) 2019.06.17
댓글
공지사항
최근에 올라온 글