体で覚えるVue.js - v-repeatネスト編 〜 JSおくのほそ道 #027 - Qiita
こんにちは、ほそ道です。 今回、v-repeatのネストについて自分なりに学んだ情報をまとめてみます。 最終的には下記のような入れ子構造のリストに仕上げたいと思います。 ViewModel生成編 ディレクティブ編 インスタンスメンバ編 グローバルメソッド編 フィルター編 v-repeatネスト編 全体の目次はこちら 1階層のリスト まずv-repeatにバインドできるデータとしては配列かオブジェクトが許容されています。 今回やりたい入れ子のような構造的なデータを使う場合、 v-repeatには配列を指定し、その配列の中にオブジェクトを指定する。 という形が良いかと思います。 それではやってみましょう <div id="city"> <ul> <li v-repeat="todohuken"> {{name}} </li> </ul> </div> <script src="js/vue.j
体で覚えるVue.js - ViewModel生成編 〜 JSおくのほそ道 #022 - Qiita
こんにちは、ほそ道です。 今回はMV**なフレームワークのひとつであるVue.jsを取り上げてみます。 さて、どこから手をつけたら良いものかと思案にくれた結果、序論や諸注意点をアレコレ展開する前にまずはビシバシと弄って、ヒジョーにシンプルなサンプルをいっぱい作って体にしみ込ませてみるのがイイんじゃないかと思いました。 ボリュームがあるので何回かに分け、今回はビューモデルを生成するパターンをまとめます。 「考えるな、感じろ」の精神でやった後にどう考え学習すべきかや、どう設計すべきかなどの私見は述べられたら良いなと思っております。 ViewModel生成編 ディレクティブ編 インスタンスメンバ編 グローバルメソッド編 フィルター編 v-repeatネスト編 全体の目次はこちら ザックリとしたVue.js概念 IE8以下には非対応 MVVMアーキテクチャにフォーカスしている MVVMとはモデル(
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
