[Vuex] ã‚¹ãƒˆã‚¢æƒ…å ±ã‚’æ°¸ç¶šåŒ–å¯¾å¿œã™ã‚‹æ–¹æ³•æ¦‚è¦ãƒ–ラウザã®ãƒªãƒãƒ¼ãƒ‰æ™‚ã«ã‚¹ãƒˆã‚¢ã«ä¿æŒã—ã¦ã„ãŸãƒ‡ãƒ¼ã‚¿ã¯ç ´æ£„ã•ã‚Œã¦ã—ã¾ã†ã€‚ ユーザã®æ“作上リãƒãƒ¼ãƒ‰ãŒè¨±å®¹ã™ã¹ãã‚»ãƒƒã‚·ãƒ§ãƒ³æƒ…å ±ã‚„æ›´æ–°é »åº¦ã®é«˜ããªã„æƒ…å ±ã¯ä¿æŒã—ã¦ãŠããŸã„å ´é¢ãŒã‚る。 vuex-persistedstateを利用ã™ã‚‹ã€‚(localForgeã«ã¯å¯¾å¿œã—ã¦ã„ãªã„) npm install vuex-persistedstate ã‚’ã—ãŸå¾Œã€ä¸‹è¨˜ã®ã‚ˆã†ã« Store ã®ãƒ—ラグインã¨ã—ã¦å®šç¾©ã™ã‚‹ã€‚ import Vue from "vue"; import Vuex from "vuex"; import createPersistedState from "vuex-persistedstate"; Vue.use(Vuex); export default new Vuex.Store({ state: { token: "", }, mutations: {}, getters: {
![[Vuex] ã‚¹ãƒˆã‚¢æƒ…å ±ã‚’æ°¸ç¶šåŒ–å¯¾å¿œã™ã‚‹æ–¹æ³•](https://cdn-ak-scissors.b.st-hatena.com/image/square/6521213fdee77a228c489ac3e38ccbb2af9524c9/height=288;version=1;width=512/https%3A%2F%2Fb.0218.jp%2Fimages%2Fogp%2F20180216115001.png%3Fts%3D5dfd3557eadb5e9fc56a00970f360bfde51b490a)
{{#tags}}- {{label}}
{{/tags}}