タグ

vuexに関するkathewのブックマーク (2)

  • Vuex とは何か? | Vuex

    注意 これは、Vue 3 で動作する Vuex 4 のためのドキュメントです。Vue 2 で動作する Vuex 3 のドキュメントをお探しの方は、こちらをご覧ください。 Vuex は Vue.js アプリケーションのための 状態管理パターン + ライブラリです。 これは予測可能な方法によってのみ状態の変異を行うというルールを保証し、アプリケーション内の全てのコンポーネントのための集中型のストアとして機能します。 "状態管理パターン"とはなんですか? #単純な Vue で作られたカウンターアプリをみてみましょう: const Counter = { // state data () { return { count: 0 } }, // view template: ` <div>{{ count }}</div> `, // actions methods: { increment ()

  • Laravel + Vue.js にVuexを導入する

    Laravel + Vue.js にVuexを導入する 前回はLaravel + Vue.js でJWT認証をやりましたが、状態管理があれだったので、今回はVuexを導入してもう少しちゃんとにやってみたいと思います。 投稿日2018年10月19日 更新日2018年10月19日 この記事は下記の続きです。 Laravel + JWTAuth + Vue.js でAPIログイン認証の実装 ストアの作成 これがないと始まりません、npmVuexをインストールします。 $ npm install vuex --save 最初にStoreファイルから作成していきましょう。 新たにstoreディレクトリを作成し、その中にindex.jsを作成します。 resources/js/store/index.js import Vue from 'vue'; import Vuex from 'vuex';

    Laravel + Vue.js にVuexを導入する
  • 1