1.14 template和JSX的对比以及他们的本质

一、template

1. 模板语法(HTML的扩展)

2. 数据绑定使用Mustache语法(双大括号)

   <span>Message:{{message}}</span>

3. 有点

   1. 学习成本低

   2. 大量内置指令简化开发

   3. 组件作用域CSS

4. 缺点

   1. 灵活性低

二、JSX

1. JavaScript的语法扩展

2. 数据绑定使用单括号

   <span>Message:{this.message}</span>

3. 优点

   1. 灵活

备注：在template中可以使用函数的形式加入JSX的语法，从而达成混合使用