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 用于遍历数组或可迭代对象。