vuex 설치, 사용법

• vuex 설치

 

npm install vuex@next --save

 

• store.js 파일

import { createStore } from 'vuex'
const store = createStore({
   state(){
    	return {
      		name: 'kim',
      		age: '20'
    	}
  	},
    mutations: {
      이름변경(state){
        state.name = 'park'
      },
      나이변경(state){
          state.age++;
      }
  	},
    actions: {
    	getData(context){
        axios.get('유알엘')
        .then((a)=>{
            context.commit('setMore', a.data)
        })
      }
  	}
})
export default store

 

• main.js에 store.js등록

iimport store from './store.js'

app.use(store).mount('#app')