$ $yarn add vuex@next–save
1.src/store/inxex.js(store 설정) import{createStore}from’vuex’;
constore=createStore({state:{sessionEmail:”[email protected]”, sessionName:”korea”}, getters:{sessionEmail(state){return state.sessionEmail}, sessionName(state){return state.sessionName}, mutions:{setSessionEmail:functionEmail:{alert(’email:+email); state.=mail)
export default store
2. main.js(store 등록) import{createApp}from”vue”; importAppfrom”. / App.vue”; importSuiVuefrom”. / plugins/vuetify”; import{loadFonts}from”. / plugins/webfontloader”; importSuiVuefrom”. / importSuiVuefrom”.
load Fonts( );
createApp(App).use(router).use(vuetify).use(SuiVue).use(store).mount(“#app”);
3) component같이 보기
<div class=”field center aligned”> <h3> <iclass=”unlock alternateicon”> </i> Login</h3>{this.$store.getters.session Email}{this.$store.getters.sessionName}</div>
4.component에서 store 값 변경(예: Login.vue) axios.post(“http://127.0.0.1:5000/login”, jsonData, {headers: {“Content-Type”: ‘Application/json’}).then(response)=>{if(response.data[0]===’n’) this.$router.push(‘/loginfail’) else{this.$store.commit(‘setSession Email’, this.email)//commit으로 store 값을 변경한다.alert(this.$store.getters.sessionEmail);this.$router.push(‘/’)}//this.$session.set(‘session.set'(‘sessionemail),response.data[0];console.log(response);}).catch(error)=>{console.log(error);