mustache模板引擎

  它是将数据转换为视图的一种解决方案

<div id="app">
  <div v-for="item in per" :key="item.id">
    <span>名字：{{item.name}}</span>
    <span>年龄：{{item.age}}</span>
  </div>
</div>

  vue源码中v-for指令底层使用的其实就是mustache模板引擎，以上代码通过v-for指令映射成以下视图

常见的将数据转换为视图的方案

1. DOM法
2. ES6的模板字符串
3. 模板引擎