ログインをしてページを更新するだけでお金を稼ぐことが出来ます。
ページの作成

ページの作成

親となるページを選択してください。

ページは必ず何かしらの親ページに紐づきます。
親ページに紐づくページを子ページといいます。
例: 親=スポーツ, 子1=サッカー, 子2=野球

子ページを親ページとして更に子ページを作成することも可能です。
例: 親=サッカー, 子=サッカーのルール

親ページはいつでも変更することが可能なのでとりあえず作ってみましょう!
テンプレートを更新

12. 【Vue.js】ルーティング設定

Vue.jsのルーティング設定を説明します。

aタグ等のhtml側の説明こちらを参照。

 

Javascript

const router = new VueRouter({
   
mode: 'history',
    routes: [
        {

        path: '/top',

        component: require('./components/Top.vue'),

        redirect: '/channels',

        },

        { path: '/channels', component: require('./components/Channels.vue') },
    ]
})

mode: ハッシュモードヒストリーモードの2種類がある。デフォルトはハッシュモード。

    ハッシュモードにするとURLに # が含まれる。(例: http://localhost:8000/top#/

path: 実際のパス。パラメータを受け取りたい場合は以下の様にする。

    javascript側: path: '/channel/:id'

    html側: <router-link :to="`/channel/${id}`">

component: 呼び出されるプログラム。

redirect: リダイレクトさせたい場合、リダイレクト先を指定する。

 

子ページ
子ページはありません
同階層のページ
  1. インストール(ファイルのダウンロード)
  2. npmを使用したプロジェクトの作成(mac)
  3. for 繰り返し処理
  4. ifの条件分岐とtemplateを用いたグループ化
  5. on:click クリック時のイベント処理
  6. modelとdata フォーム入力値とDOMへの即時反映
  7. computed(算出プロパティ)と使い方とdataとの違い
  8. ライフサイクルフック(created / mounted / updated / destroyedの使い方)
  9. $nextTickの使い方(ライフサイクルフック)
  10. メソッドの定義方法
  11. エラー一覧
  12. ルーティング設定
  13. aリンクの貼り方と動的URLの作成
  14. Mixinを利用した共通処理の記述方法
  15. v-bindによるデータ連携
  16. ヘッダー/フッターの共通コンポーネント
  17. ナビゲーションの現在ページをハイライトする方法
  18. 画面サイズの取得方法

最近更新/作成されたページ

コメント一覧

    No.6 | guest | 2020-01-20 17:53:55

    Hi there, I check your blog daily. Your story-telling style is awesome, keep up the good work! https://www.artzign.com

    No.5 | guest | 2020-01-19 04:32:48

    It is appropriate time to make some plans for the future and it?s time to be happy. https://www.reiva.ca

    No.4 | guest | 2019-12-22 09:52:56

    Hello, I enjoy reading through your article post. I like to write a little comment to support you. https://www.livrebonnenuit.com

    No.3 | guest | 2019-12-10 20:51:10

    Exceptionally user pleasant site. Immense info readily available on couple of gos to. http://meilleurantichutecheveux.ovh/ http://pastillaparaadelgazar2017.es/ http://machinalansu.pl/jak-wybierac-tabletki-na-odchudzanie-by-byly-skuteczne/ http://potenzmittel-online-bestellen-de.eu/Virility-EX.html http://penisverlangerung-pillen-de.eu/bathmate.html http://comesibacia.eu/euthyrox.html

    No.2 | guest | 2019-11-29 12:47:24

    Wow, this piece of writing is pleasant, my sister is analyzing such things, so I am going to let know her. https://www.reiva.ca

    No.1 | guest | 2019-07-30 22:15:52

    It is perfect time to make some plans for the longer term and it is time to be happy. I have learn this post and if I could I want to counsel you few fascinating issues or suggestions. Perhaps you can write next articles referring to this article. I desire to learn even more things approximately it! I love what you guys tend to be up too. This type of clever work and exposure! Keep up the wonderful works guys I've incorporated you guys to my blogroll. Hi! I’ve been following your weblog for some time now and finally got the courage to go ahead and give you a shout out from New Caney Tx! Just wanted to tell you keep up the great job! http://nestle.com/