父状态更改后，Vue组件未更新

2 回答

• 1

  使用v-for渲染元素时使用“key”属性，例如：

  <p v-for="(product, index) in order.products" :key="i">..</p>
  

  回复于 2024-04-17T00:50:28+08:00
• 1

  相关文件是here：

  您可以直接在自定义组件上使用v-for，例如任何普通元素：<my-component v-for =“item in items”：key =“item.id”> </ my-component>
  在2.2.0中，当对组件使用v-for时，现在需要一个密钥 . 但是，这不会自动将任何数据传递给组件，因为组件具有自己的隔离范围 . 为了将迭代数据传递给组件，我们还应该使用props：<my-component
  项目中的v-for =“（项目，索引）”
  V-绑定：项= “项目”
  V-绑定：指数= “索引”
  V-绑定：键= “item.id”>
  </我的组分>
  不自动将项目注入组件的原因是因为这使得组件与v-for的工作方式紧密耦合 . 明确其数据来自何处使得组件在其他情况下可重用 .

  和here：

  当Vue更新使用v-for渲染的元素列表时，它默认使用“就地补丁”策略 . 如果数据项的顺序已经改变，而不是移动DOM元素以匹配项的顺序，Vue将简单地就地修补每个元素并确保它反映应该在该特定索引处呈现的内容 .

  ...

  要为Vue提供一个提示，以便它可以跟踪每个节点的标识，从而重用和重新排序现有元素，您需要为每个项目提供唯一的键属性 . key的理想值是每个项目的唯一ID .

  回复于 2024-04-17T00:50:28+08:00