v-for of 与 v-for in 的的区别

v-for of 和 v-for in 是在Vue.js中用于循环遍历数据的指令。

区别如下：

1. v-for in：用于遍历对象的属性。它会将每个属性的键值对分别传递给循环内部的模板。例如：

<div v-for="item in object">
  {{ item }}
</div>

这里的 "object" 是一个对象，循环将遍历该对象的每个属性，并将其值显示在模板中。

2. v-for of：用于遍历数组或可迭代对象。它会将每个元素分别传递给循环内部的模板。例如：

<div v-for="item of array">
  {{ item }}
</div>

这里的 "array" 是一个数组，循环将遍历该数组的每个元素，并将其值显示在模板中。

总结：v-for in 用于遍历对象属性，v-for of 用于遍历数组或可迭代对象。

相关问题

v-for in of

v-for in是在遍历对象时使用的指令，可以通过value和key获取对象的键值对。例如，可以使用v-for in在模板中遍历一个对象，然后用{{value}}和{{key}}来显示对象的值和键。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [vue中插值语法中v-for() of 与v-for() in 遍历对象数组的异同，以及for in for of在方法中遍历对象和数组的...](https://blog.csdn.net/weixin_47970316/article/details/122140047)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]

v-for="(p,index) of persons" 与 v-for="(p,index) in persons" 有什么区别

在Vue.js中，v-for指令用于渲染一组元素，它的语法格式是v-for="(item, index) in items"。其中，items是一个数组或者对象，item是数组元素或者对象的值，index是元素的索引。

在v-for指令中，可以使用in或者of作为分隔符，两者的区别在于in是ES6中的关键字，而of是Vue.js中的指令。因此，v-for="(p,index) of persons"和v-for="(p,index) in persons"在语法上没有区别，两者都可以用于遍历数组或对象中的元素。

不过，使用in作为分隔符的语法更加符合Vue.js的语法规范，因此建议使用v-for="(p,index) in persons"。