Vue.js 具有相同功能的相同组件列表-代码膨胀？

我正在使用Vue，我想知道我是否有一个组件列表（每个组件中有50个按钮，每个按钮都有相同的功能）-Vue会将其识别为一个重复代码，并将其缩减为所有50个按钮都将使用的一个功能，还是在捆绑时每个按钮都会编译自己的功能

Vue是否会将其识别为重复代码并将其缩减为一个

不会。Vue不会扫描您的代码以查找类似的代码并尝试对其进行优化

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

也许这就是你所困惑的？这与您提出的问题不同，但vue最接近的做法是“神奇地”

---

如果你有50个类似的按钮，我会建议你更好地利用，并且只有一个按钮组件，你可以在你需要它们不同的地方找到它们。50个相似的按钮听起来很糟糕。

不，vue没有内置ai。如果他们做同样的事情，制作一个组件并使用v-for。如果你想要更多的答案，请提供更多的细节/代码SNIPPESIF，他们都重复同样的功能，你应该考虑使用一个与按钮无关的事情是：它们是相同的视觉上，并具有相同的功能。它们唯一不同的是它们在函数中为我们标识了id。到目前为止，我使用插槽和道具，所以功能由家长掌握，但这限制了我的选择（我不能完全控制按钮）。