こんにちは、ほそ道です。 今回も引き続きVue.jsのディレクティブを体で覚えます。 前回のビューモデル生成編同様、シンプルなサンプルに沢山触れる事でどんな道具があるのかをバンバン体験していくスタイルでやってまいります。 ViewModel生成編 ディレクティブ編 インスタンスメンバ編 グローバルメソッド編 フィルター編 v-repeatネスト編 全体の目次はこちら ビューに記述するアレですね。 デザイナーさんは最低限ディレクティブさえ覚えておけば困る事はないはずです。 Vue.jsのディレクティブはデフォルトで「v-」という接頭辞がつきます。 それでは今回は気合いをいれて全部のディレクティブについてサンプルを作ってみたいと思いますので順繰りに見ていきましょう。 v-text DOM要素の内側をテキストノードとしてすべて書き換える {{property}}の形式もテキストノードとして変換さ