我正在使用 Vue，我想知道我是否有一个组件列表(50 个按钮，每个按钮中都有相同的功能( - Vue 会将其识别为重复代码并简化为所有 50 个按钮将使用的一个函数，或者每个按钮在捆绑时都会编译自己的函数？
Vue 会将其识别为重复代码并简化为一个。
不。Vue 不会扫描你的代码以查找类似的代码并尝试优化它。
但是，当 Vue 更新使用 v-for 渲染的元素列表时，默认情况下它使用"就地补丁"策略。如果数据项的顺序发生了变化，Vue 不会移动 DOM 元素以匹配项的顺序，而是就地修补每个元素，并确保它反映应该在该特定索引处呈现的内容。
也许这就是你感到困惑的地方？这与你问的问题不同，但 vue 最接近"神奇"的事情。
如果你有50个类似的按钮，我建议你宁愿利用道具、插槽和插槽范围，只有一个按钮组件，你可以在需要它们不同的地方放置。 50 个相似的按钮听起来像是一个糟糕的模式。