使用されている技術
- ヴュー
- 足場
- ルーティング
- 要素UI
ファイルディレクトリ
- 送信元
- コンポーネント
- Enter.view
- MyBanner.vue
- MyFooter.vue
- MyHeader.vue
- MyItem.view
- MyList.vue
- ページ
- Login.vue
- register.vue
- 時間ビュー
- Todolist.vue
- ルーター
- インデックス.js
- app.vue
- main.js
- コンポーネント
実装手順
ページ全体は 2 つのモジュールに分かれており、上部のバナーにはウェルカムメッセージと、その下のユーザーが必要とするログイン登録カウントダウンページの再ログイン操作が表示されます。
以下のコンポーネントは 4 つのボタンに対応し、ルーティングを使用して切り替えを実現します。
メインコンテンツ(todoリスト)
4 つのコンポーネント:
- ヘッドマイヘッダー
- 中間コンテンツ: MyList
- マイアイテム
- 下: マイフッター
カウントダウンページ
主にこれら 5 つの属性を計算し、データをページに配置する必要があります。特定のコードの背後にあるコード リンクは次のとおりです。
ログイン、コンポーネントの登録
入力フォームの内容を2つ入力します
ルーティング
プログラムによるルーティングを通じてコンポーネント間をジャンプし、スタックへのプッシュと置換を巧みに使用して元のサイトをカバーし、ユーザー情報のセキュリティを保護します
ソースコード
VsCode スキャフォールディング環境を通じてファイル プロジェクトを実行し、src ディレクトリでファイルを見つけて実行する必要があります。
リンク: https://pan.baidu.com/s/1poYKKa4EgcLEgz7P7CLwdQ?pwd=ae69
抽出コード: ae69