Vue 新規プロジェクト (1)

1. 新しいプロジェクトを作成します。

Hbuild を開いて新しい vue プロジェクトを作成します。これが vue3 プロジェクトです。
ここに画像の説明を挿入

2.実行します。

実行後、ネットワーク:--host公開するために使用するというプロンプトが見つかりました。インターネットで解決策を見つけました。リンクは http://t.csdn.cn/MhInW に添付されています。
解決策は、パッケージに --host を追加することです。 json ファイルを再度実行します。
ここに画像の説明を挿入

3. 新しいコンポーネントを作成する

(1) NavigationTitle ページを作成し、コンテンツと名前を入力します
ここに画像の説明を挿入
(2) コンポーネントを使用します。
ここに画像の説明を挿入
結果をapp.vue で使用する
ここに画像の説明を挿入

4. 新しいページを作成します。

(1) 新しい login.vue ページを作成します。パスは pages/login/ です。このページは現時点では表示されません。
ここに画像の説明を挿入

(2) ルーティングの依存関係をインストールする
ここに画像の説明を挿入

(3) ルーティングの依存関係のインポート インポートする
とすぐにエラーが報告されました
ここに画像の説明を挿入
ここに画像の説明を挿入
. Baidu はそれを解決しました. リンクを添付してください https://www.cnblogs.com/Man-Dream-Necessary/p/15768744.html
ここに画像の説明を挿入
ページのインポートを続行するには
ここに画像の説明を挿入
(4) ルーティングを呼び出しても
ここに画像の説明を挿入
問題ありません
ここに画像の説明を挿入

5.構造を最適化する

ルーティングに関連するすべてを js ファイルに入れ
ここに画像の説明を挿入
、そのファイルを main.js にインポートします
ここに画像の説明を挿入

おすすめ

転載: blog.csdn.net/qq_43840793/article/details/126520518