Vue.jsのテンプレート構文はHTMLとして有効であることを保証している。JSXに慣れてると取っつきにくい。例えばv-bindがわかりにくい。

```
<div v-bind:id="'list-' + id"></div>
```

上の例は有効なHTMLとしてパースされるために文字列になっているがVueテンプレートとしてはJavaScriptの式である。

テンプレート構文に例外が多すぎる。
v-bindだと、booleanの値はディレクティブ自体をレンダリングしないなど。

v-bindはclassやスタイルと一緒に使われるときは文字列だけでなくオブジェクトや配列も返すことができる。

以外と覚えること多い。

文字列の式は型の恩恵受けられない。

Vueコンポーネントの定義はVueインスタンス作成前にしなければいけない？

v-modelはv-bindとv-on:inputとかのシンタックスシュガー。

コンポーネントではv-modelは使えない。

v-bindに文を書けるのキモい。基本的に式を書くか関数をバインドしたい。