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的语法,从而达成混合使用

Last updated