template和jsx

template

template是html的扩展语法，数据绑定使用Mustache语法（双大括号）

<span>{{message}}</span>

所以template容易上手，入门极简，大量内置指令，拥有组件作用域css，但是因为简单，所以灵活性不高。

jsx

jsx是JavaScript的语法扩展，数据绑定使用单引号。

<span>{message}</span>

jsx相对于template，jsx更灵活，但是也不一定要完全抛弃template。

jsx为什么灵活，原因就是他不是html模板，所以jsx中的标签，他可以是变量，我们改变这个变量，这个变量生成的标签也就会发生变化。

同理，内容啊，属性都是可变得，所以灵活性很高。