ページの作成
親となるページを選択してください。
ページは必ず何かしらの親ページに紐づきます。親ページに紐づくページを子ページといいます。
例: 親=スポーツ, 子1=サッカー, 子2=野球
子ページを親ページとして更に子ページを作成することも可能です。
例: 親=サッカー, 子=サッカーのルール
親ページはいつでも変更することが可能なのでとりあえず作ってみましょう!
共通の処理
共通処理用のvueファイルを作成して以下の様に共通化したい処理を記述する。
内容はなんでもよい。
Common.vue |
---|
<script> export default { created() { this.getMessages() }, data() { return { messages: [], } }, methods: { getMessages() { axios .get('/api/message/list') .then(res => { this.messages = res.data }) }, } } </script> |
共通処理を呼び出す処理
mixinsを使用して引数に共通処理のファイルを指定する。
Example.vue |
---|
<script> export default { |
共通処理を呼び出す処理を省略する方法
全ての処理で使う場合はmain.jsで指定すればよい。
そうすれば各コンポーネント内で呼び出す必要もなくなる。
main.js |
---|
import Common from './Common.vue' Vue.mixin(Common) new Vue({ |
- インストール(ファイルのダウンロード)
- npmを使用したプロジェクトの作成(mac)
- for 繰り返し処理
- ifの条件分岐とtemplateを用いたグループ化
- on:click クリック時のイベント処理
- modelとdata フォーム入力値とDOMへの即時反映
- computed(算出プロパティ)と使い方とdataとの違い
- ライフサイクルフック(created / mounted / updated / destroyedの使い方)
- $nextTickの使い方(ライフサイクルフック)
- メソッドの定義方法
- エラー一覧
- ルーティング設定
- aリンクの貼り方と動的URLの作成
- v-bindによるデータ連携
- ヘッダー/フッターの共通コンポーネント
- ナビゲーションの現在ページをハイライトする方法
- 画面サイズの取得方法
人気ページ
最近更新/作成されたページ
- gooブログ(goo blog) | 無料でブログを作成 NEW! (2024-03-26 06:50:01)
- 【エラー】トップレベルのコントロールをコントロールに追加できません。 NEW! (2024-03-26 01:38:35)
- C# (2024-03-26 01:36:11)
- 【Visual Studio】 C#のForm自動生成時に「値が有効な範囲にありません」エラー (2024-03-26 01:34:48)
- C#のエラー一覧 NEW! (2024-03-26 01:34:22)
- Very hot One-way links: Monday, November 15 NEW! (2024-03-15 13:00:31)
- Gates of Olympus NEW! (2024-03-01 14:22:29)
- Aviator NEW! (2024-03-01 01:54:00)
- This site will help you to get unforgettable emotions from Crazy Time game. (2024-02-29 00:27:07)
- Tại sao kem chống nắng vật lí lai hóa học lại được săn đón hiện nay (2024-02-28 18:07:30)
最近コメントのあったページ
- プロジェクトの作成と削除 (2024-03-29 18:10:29)
- プロジェクトの作成と削除 (2024-03-29 16:18:33)
- プロジェクトの作成と削除 (2024-03-29 16:18:24)
- プロジェクトの作成と削除 (2024-03-29 13:12:04)
- プロジェクトの作成と削除 (2024-03-29 00:57:39)
- プロジェクトの作成と削除 (2024-03-29 00:47:06)
- プロジェクトの作成と削除 (2024-03-28 14:44:38)
- プロジェクトの作成と削除 (2024-03-28 14:16:59)
- プロジェクトの作成と削除 (2024-03-27 15:24:06)
- トップページ (2024-03-27 06:17:41)
最近の質問
- How can MyAssignmentHelp UK assist students as an assignment helper? (2024-02-03 19:15:52)
- c.wiki (2023-09-14 10:51:04)
- $(document).ready(function() { ... ってなに? (2023-04-17 11:02:56)
- 質問です (2020-02-20 12:19:36)
- フリーランスの単価って高いですか? (2020-02-12 19:56:16)
- 情報系のaoを受けるつもりなんですが何かおすすめのソフトはありますか? (2020-02-12 19:54:22)
- test3 (2020-02-08 23:50:54)
- セレクトボックスのCSSのcontentで三角の部分が押せない (2019-07-03 13:06:10)
- GCPのwp-config.phpでpermission denied (2019-06-05 20:04:08)
- Spring FrameworkのEntityのカラム名の大文字小文字、アンスコについて (2019-02-01 07:13:49)
- PHP(Laravel)からPythonのプログラムを呼び出したいのですがどうすればよいでしょうか。 (2018-12-06 06:26:57)
- djangoを本番環境にデプロイしたいのですがどのレンタルサーバー or VPSサーバーがよいですか (2018-12-01 12:04:18)
- Django administrationのUsernameとPasswordについて (2018-11-30 11:55:20)
- Google Adsenseでアダルトコンテンツと誤認されてしまいました。 (2018-09-09 17:15:36)
- Google MapsをUnityで使用する方法&料金 (2018-08-28 02:37:26)
- Amazon PA-APIのSort=salesrankが効かない (2018-07-21 08:54:25)
- 楽観ロックと悲観ロックの違い (2018-01-11 05:05:33)
- レンタルサーバーって沢山ありますけどどこがいいでしょうか?AWSってどうなんですか? (2018-01-09 10:03:20)
- ディープラーニングのライブラリってどれがオススメですか? (2018-01-06 05:15:40)
- Webスクレイピングってどこまでが違法なんでしょうか? (2018-01-06 05:09:08)
- 人工知能(AI)、機械学習、ディープラーニングの違い (2018-01-06 02:40:44)
コメントを削除してもよろしいでしょうか?
コメントがありません