タグ

ブックマーク / qiita.com/_masa_u (4)

  • 【Vue】リロードしても大丈夫。そう、vuex-persistedstateならね。 - Qiita

    Vuexで管理しているステートをリロードしても消えないようにする vuex-persistedstateというVeux関連パッケージの紹介記事です。すでに同様の記事はありますが、備忘録として自分でまとめた物を残しておきます。 【Vuex】リロードしてもStateの中身を消さずに維持する方法 Vue基礎:Vuexの永続化対応 Vuexではリロードするとステートは初期状態にもどってしまう VuexはVueインスタンスがもつステート(データ)をストアと呼ばれる管理場所で一括管理して、全てのコンポーネント間でステートを簡易に共有する仕組みを提供してくれます。つまり、あるコンポーネントでステートの値を変更して、他のコンポーネントでそのステートをストアから取得して使うことができます。 しかし、メモリ上に保存されたVeuxのステートはブラウザを閉じたり、リロードしたりすると初期状態にリセットされてしまい

    【Vue】リロードしても大丈夫。そう、vuex-persistedstateならね。 - Qiita
  • 【Vue】一体いつから括弧無しメソッドと括弧有りメソッドが同じだと錯覚していた? - Qiita

    Vueでメソッドの末尾に()をつけた時とつけない時の挙動の違い 以前からVueを使っていて疑問だったことがありました。 それはVueのmethodsで定義したメソッド(関数)をテンプレートで使うとき、 末尾に()をつけたメソッドと()のないメソッドの両方を使用可能であるという事実です。 具体的にどういうことかコードで説明してみます。 下のコードでmethodという名のメソッドがVueのmethodsプロパティで定義されているとします。 このときtemplate内から呼び出すときは、method()とmethodの両方が使えてしまいます。 (ちなみに<script></script>タグ内では括弧無しの呼び出しmethodは呼び出しになりません) <template> <!-- どちらの書き方でも正常に実行される --> <div> <div id="example1"> <!-- メソッド

    【Vue】一体いつから括弧無しメソッドと括弧有りメソッドが同じだと錯覚していた? - Qiita
    bleu-bleut
    bleu-bleut 2020/07/27
    括弧をつけたときは暗黙でEventオブジェクトが渡される。
  • 【Vue】オブジェクト追加・削除には注意が必要👮‍♂️ - Qiita

    Vueでオブジェクトを変更したい時どうするか? この記事は【Vue】配列の追加・削除には注意が必要👮のオブジェクト版です。 Vueのdata()関数で返すステート(オブジェクト)についての話。 取得は通常のJSのオブジェクトの操作と同様にキーを使えば問題なかったが、 追加と削除で嵌ったので備忘録として残しておく。 以下、参考にしたページ リアクティブの探求 次のようなVueコンポーネントのdata()でcharaObjという空のオブジェクトを返すとする。 つまり、このコンポーネントでは、初期ステートとしてcharaObjというオブジェクトが存在することになる。

    【Vue】オブジェクト追加・削除には注意が必要👮‍♂️ - Qiita
  • 【Vue】配列の追加・削除には注意が必要👮 - Qiita

    Vue】オブジェクト追加・削除には注意が必要👮 の配列版です。 オブジェクトと同じく、参照するだけなら普通のJSと同だが、要素の追加・削除で嵌るポイントがあった。 既に同様の記事はあるが自分用の備忘録という意味を含めて残すことに。 ↓の記事も参考に。 Vue.jsは気難しい(配列編) リアクティブの探求 次のようなVueコンポーネントのdata()関数でcharasという空の配列を返すとする。 つまり、このコンポーネントの初期状態ではステートとしてcharas配列が存在することになる。

    【Vue】配列の追加・削除には注意が必要👮 - Qiita
  • 1