Vuex のルールと Component 設計 - ROXX開発者ブログ
こんにちは、自意識過剰な正義のヒーローでお馴染みの株式会社SCOUTERの石岡 将明( @masaakikunsan )です。 前回の Flutter のブログで、「２月半ばにAPIの叩き方やページ内のレイアウト作り方などをちゃんと解説したブログを書こうと思うのでお楽しみに！」と言ったのですが、あれ以降 Flutter を触れていないので今回は普段触ってる技術について書きます。 techblog.scouter.co.jp 現在 SCOUTER では、SARDINE と back check の大きく分けて２つの開発チームで開発を行っています。 僕は、back check で プレイングマネージャーとして開発をしているのですが、SARDINE チームに最近フロントエンドの相談を受けるようになってきたので今回はその話をしていきます。 Vuex でのルール Vue や Nuxt で開発している
[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/b9f7b7cdbbd01db7b453e6210b362c6e50863056/height=288;version=1;width=512/https%3A%2F%2Fb.0218.jp%2Fimages%2Fogp%2F20180216115001.png%3Fts%3Dda92d8452b83631c89087c21ff6c400917e3d205)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
codit.work - このウェブサイトは販売用です！ - codit リソースおよび情報