v-for 与 for in 的区别？ 或者说v-for的原理

Question

v-for 与 for in 的区别？
如果v-for 同 for in 一样，那么{{ value }}得到的应该是属性名啊，可是得到的是值

官网示例：

<ul id="repeat-object" class="demo">
  <li v-for="value in object">
    {{ value }}
  </li>
</ul>

new Vue({
  el: '#repeat-object',
  data: {
    object: {
      FirstName: 'John',
      LastName: 'Doe',
      Age: 30
    }
  }
})

结果：
John
Doe
30

Answer 1

v-for 是 Vue 自己的语法规则，和 JavaScript 的语法无关

为与 JavaScript 保持一致，作者也提供了 value of object 的语法

参见：http://vuejs.org/v2/guide/lis...

至于说原理，Vue 对模板进行了编译，实现了对应的 render function，具体可以查看源文件。