Vuex 사용하는 이유 - WastepaperBasket/Vue.js GitHub Wiki

Vuex ? 라이브러리를 상태관리 (데이터관리)

1. props와 coustom event로 데이터 주고받는게 힘들면 쓴다.

   • Vuex를 설치하면 JS파일하나에다가 모든 데이터를 다 저장가능!
   • 모든 컴포넌트들은 그 데이터를 직접 꺼내쓰고 수정할 수 있음.
   • props 그딴거 필요없이 모든 컴포넌트가 데이터에 직접 접근가능

2. Vue파일과 데이터가 너무 많으면 쓴다.

   • Vuex를 쓰면 데이터를 한 곳에서 관리해주기 때문에, 데이터 수정하는 방법도 한 곳에서 관리하기 때문에 디버깅이 쉬움
   • 큰 프로젝트에선 필수

src안에 store.js를 만들어 주십시오

  import { createStore } from 'vuex'

  const store = createStore({
    state(){
      return {

      }
    },
  })

  export default store

• 그 다음, store.js 파일을 main.js 에 등록

(main.js에 추가하셈)

import store from './store.js'
app.use(store).mount('#app')

• 이제 store.js에 저장한 데이터들을 모든 컴포넌트가 가져다 쓸 수있음
• 데이터 저장은 stroe.js에 저장
• 출력 vue파일에서 {{ $store.state.데이터명 }}
• 함수나 mounted 이런곳에서 쓰려면 this.$store.state.~~~ 하면