Vue.jsメモ：属性、ループ内呼び出し、など - Qiita

Vue.js勉強したメモ。 まずはVue.jsのサイトにあるガイドの「はじめに」をコピペでテスト。そこからちょっとずつ変更を加えていって学んだこと。バージョンはVue.js v2.3.3です。 学んだこと： 例の{{ }}はMustache（ムスターシュ）記法と呼ぶ。 MustacheはHTMLアトリビュート（属性）には使えない。 ループ内からメソッド呼び出しは、わかってしまえば簡単。 クラスの動的変更の便利な方法。 参考ページ： Vue.jsオフィシャルページ：はじめに Qiitaの記事：Vue.jsから手軽に始めるJavaScriptフレームワーク コード（HTMLとJavaScript） <div id="project-list"> active project: {{ active }} <ul> <li v-for="project in projects" v-bind:cl

[nilab]

「いわゆるHTMLの属性にムスターシュを書いても動かない。属性を動的に変えたい場合はv-bindを使う」

[shozzy]

v-forとv-bindを組み合わせて、属性値内にv-forの結果を取り込む方法など。