vuex を使用してコンポーネントのステータスを管理する場合、データ、メソッドをどこで使用するか、状態、ミューテーション、アクションをどこで使用するかが少し混乱します
vuex 実際、簡単に言うと、これはグローバル名前空間です。それがグローバル変数です。これにより、vuex にリンクされたアクションと状態がグローバルに利用可能になります。
一般的に、コンポーネント (実際にはビジネスコンポーネント、機能コンポーネントは vuex をほとんど使用しません) を作成するとき、現在のビジネスコンポーネントに TA コンポーネントに渡す必要があるメソッドまたはデータがあるかどうかを把握する必要があります。
例えば： こんなシーンがあります。パブリックログインモジュールとログイン後にジャンプするビジネスモジュールを備えた管理システムがあると仮定します。 すると、ログインモジュールの定義は次のようになります。
このように定義すると、どこででもlogin(),userを呼び出すことができます。 このようなメソッドであればvuexで定義すれば良いでしょう。
逆に、属性が現在のコンポーネント内でのみ使用される場合は、次のようになります。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
vuex 実際、簡単に言うと、これはグローバル名前空間です。それがグローバル変数です。これにより、vuex にリンクされたアクションと状態がグローバルに利用可能になります。
一般的に、コンポーネント (実際にはビジネスコンポーネント、機能コンポーネントは vuex をほとんど使用しません) を作成するとき、現在のビジネスコンポーネントに TA コンポーネントに渡す必要があるメソッドまたはデータがあるかどうかを把握する必要があります。
例えば：
リーリーこんなシーンがあります。パブリックログインモジュールとログイン後にジャンプするビジネスモジュールを備えた管理システムがあると仮定します。
すると、ログインモジュールの定義は次のようになります。
このように定義すると、どこででもlogin(),userを呼び出すことができます。
このようなメソッドであればvuexで定義すれば良いでしょう。
逆に、属性が現在のコンポーネント内でのみ使用される場合は、次のようになります。
リーリー