ページの作成
親となるページを選択してください。
親ページに紐づくページを子ページといいます。
例: 親=スポーツ, 子1=サッカー, 子2=野球
子ページを親ページとして更に子ページを作成することも可能です。
例: 親=サッカー, 子=サッカーのルール
親ページはいつでも変更することが可能なのでとりあえず作ってみましょう!
前提
・npmをインストール済み
・対象OS: mac
・Vue-cli3系
Vue-cliの導入
|
$ npm install -g @vue/cli |
プロジェクトの作成
|
$ vue create project_name |
「Please pick a preset」と問われる。
今回はdefaultを選択する。
プロジェクトの起動
|
$ npm run serve |
URLが表示されるのでアクセス。
ページの作成
親となるページを選択してください。
親ページに紐づくページを子ページといいます。
例: 親=スポーツ, 子1=サッカー, 子2=野球
子ページを親ページとして更に子ページを作成することも可能です。
例: 親=サッカー, 子=サッカーのルール
親ページはいつでも変更することが可能なのでとりあえず作ってみましょう!
子ページ
子ページはありません
同階層のページ
- インストール(ファイルのダウンロード)
- npmを使用したプロジェクトの作成(mac)
- for 繰り返し処理
- ifの条件分岐とtemplateを用いたグループ化
- on:click クリック時のイベント処理
- modelとdata フォーム入力値とDOMへの即時反映
- computed(算出プロパティ)と使い方とdataとの違い
- ライフサイクルフック(created / mounted / updated / destroyedの使い方)
- $nextTickの使い方(ライフサイクルフック)
- メソッドの定義方法
- エラー一覧
- ルーティング設定
- aリンクの貼り方と動的URLの作成
- Mixinを利用した共通処理の記述方法
- v-bindによるデータ連携
- ヘッダー/フッターの共通コンポーネント
- ナビゲーションの現在ページをハイライトする方法
- 画面サイズの取得方法
人気ページ
最近更新/作成されたページ
- 【Java】warファイルの中身を確認する方法 2026-04-09 11:03:22
- Spring Frameworkのアノテーション一覧 2026-04-09 11:03:22
- IT総合Wiki|プログラミング・DB・ネットワークの学習ガイド 2026-04-09 11:03:22
- Laravelのエラー一覧|原因と対処の入口ページ 2026-04-09 11:03:22
- テスト用記事seoa 2026-04-08 16:02:24
- UE5ブループリントでレベル間のパラメータを受け渡す方法 2025-04-07 22:28:13
- Get Socket Transformとは? 2025-04-07 04:26:12
- UE5でOverlapした位置の座標を取得する方法 2025-04-05 10:43:58
- UE5で「Overlapは発生するがHitは発生しない」原因とは? 2025-04-05 03:43:53
- UE5における「Overlap」と「Hit」の違いとは? 2025-04-05 03:36:20
- Niagaraのエフェクトにコリジョンを持たせる方法 2025-04-04 05:32:13
- UE5で毎秒実行するイベントの定義方法 2025-04-03 01:59:15
- UE5のBPにおけるVInterp Toの詳細解説 2025-04-03 01:29:56
- UE5のRInterp ToとVInterp Toの違い 2025-04-03 01:28:10
- UE5のBPにおけるRInterp Toの詳細解説 2025-04-03 01:04:22
コメントを削除してもよろしいでしょうか?