ページの作成

ページの作成

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

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

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

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

1. Vue.jsのインストール方法(ファイルのダウンロード)

ファイルのダウンロード

公式サイトにアクセス。

開発用の(vue.js)および

本番用の(vue.min.js)をダウンロードする。

 

ファイルの読み込み

以下、簡単なサンプルを用いてvue.jsを読み込みます。

index.html
<!DOCTYPE html>
<html>
  <body>
    <div id="app">
     
{{ message }}
    </div>
    <script src="vue.js"></script>
    <script src="sample.js"></script>

  </body>
</html>

 

sample.js
var app = new Vue({
  el: '#app',
  data: {message: 'Vue Sample'}
})

index.htmlにアクセスして'Vue Sample'が表示されれば完了です。

 

以上でvue.jsの導入は完了です。

開発/本番の切り替えはプログラムで行ってください。(言語によってさまざまの方法があるので割愛します)

子ページ
子ページはありません
同階層のページ
  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.5 | guest | 2020-03-24 17:27:13

    Drug And Alcohol Rehabilitation Centers Near Me Drug Rehab Centers <a href="http://aaa-rehab.com">Drug Rehab Centers</a> Alcohol Rehab Near Me Drug Rehab Centers Near Me Free http://aaa-rehab.com JamesTop

    No.4 | guest | 2019-12-28 01:20:08

    You've amazing stuff on this web-site. le deseo un buen dia lunghezza media del pene italiano come allungarsi 039;olio-di-ricino/ le varie forme del pene http://newtargetgroup.it/come-allungare-il-proprio-pene/

    No.3 | guest | 2019-12-08 08:58:39

    Surprisingly user pleasant website. Tremendous information offered on couple of clicks on. ktora kreatyna jest najmocniejsza breast enlargement tablets causes of acne and treatment loreal paris collagen 30 czy szybkie odchudzanie wymaga wielu godzin cwiczen http://baraita.net/the-most-common-causes-of-baldness-and-the-methods-to-stop-them/

    No.2 | guest | 2019-11-17 10:12:19

    fully dimension generic pills in usa left restaurant too sort [url=http://www.vagragenericaar.org/]generic viagra online[/url] when give much driver http://www.vagragenericaar.org/ here path http://www.vagragenericaar.org/

    No.1 | guest | 2019-07-05 14:45:44

    These are truly enormous ideas in concerning blogging. You have touched some fastidious factors here. Any way keep up wrinting. Howdy! Someone in my Facebook group shared this website with us so I came to take a look. I'm definitely loving the information. I'm book-marking and will be tweeting this to my followers! Outstanding blog and amazing design and style. It is perfect time to make a few plans for the longer term and it is time to be happy. I’ve learn this publish and if I could I want to suggest you few attention-grabbing issues or suggestions. Perhaps you could write next articles referring to this article. I wish to learn more issues about it! http://Aoc.com