vue-cli4のインストール

vue-cli4 プロジェクトをビルドする

vue-cli4 プロジェクトのウェルカム ページをカスタマイズする

モールケースの要件分析

ページの初期化とバナー表示

vue-cli4 はページの左右のレイアウト効果を完成させます

左側のナビゲーション バーを設定する

右側に製品表示エリアを設定します

バスは兄弟コンポーネント間の値の転送を実現します

axios は ajax リクエストを実装します

右側の商品一覧表示

vue watch はデータ変換を監視します