84669 人が学習中
152542 人が学習中
20005 人が学習中
5487 人が学習中
7821 人が学習中
359900 人が学習中
3350 人が学習中
180660 人が学習中
48569 人が学習中
18603 人が学習中
40936 人が学習中
1549 人が学習中
1183 人が学習中
32909 人が学習中
アチーブメント効果: ボタンをクリックすると、左側のメニューの幅が切り替わります。
Vuex を使用してフィールドIsOpenを保存しました。すると、nav コンポーネントと menu コンポーネントの両方がフィールドの初期値を取得し、また、次のときに切り替わります。 navコンポーネントボタンをクリックすると、IsOpenの値が切り替わりますが、幅を変更するクラス名は切り替わりません。
これはナビゲーション構成のコードです:
これはメニュー コンポーネントのコードです:
业精于勤，荒于嬉;行成于思，毁于随。
「vuex」から {mapGetters } をインポートします
エクスポート{
}
ウェアハウスのゲッターファイルにスタイルを切り替えるコードを記述します
vuex ドキュメントをよく読んでください
Vuex の状態ストレージはリアクティブです。 Vue コンポーネントがストアから状態を読み取るときに、ストア内の状態が変化すると、それに応じて対応するコンポーネントが効率的に更新されます。
vuex データをタグに直接バインドできます
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
「vuex」から {mapGetters } をインポートします
エクスポート{
リーリー}
ウェアハウスのゲッターファイルにスタイルを切り替えるコードを記述します
vuex ドキュメントをよく読んでください
vuex データをタグに直接バインドできます
リーリー