vue.js - 如果我不确定是否需要在其他地方使用它，是否应该将此代码转换为自己的组件？

Question

我有一个页面，我在其中循环遍历对象数组并<p>为每个元素呈现一个元素，如下所示：

<p @click='selectCity(index)' v-for='(location, index) in locations'>
    {{ location.city }}, {{ location.country }}
</p>

这只是一个示例，将来我可能需要渲染更多的东西，而不仅仅是<p>数组中每个对象的一个​​元素。我应该通过将项目传递给它来制作一个组件，然后只为该组件创建一个 v-for 组件吗？

尽管我已经使用 Vue 大约 3 周了，但我仍然有点模糊，什么时候应该找出某个东西的一个组件，什么时候不应该。

标签： vue.jsvuejs2vue-component

Answer 1

我不会。如果您需要一些组件功能，例如本地状态、每个项目的计算或生命周期挂钩，则可以使用组件。或者，显然，如果您在多个地方使用代码块。

我认为这里没有任何理由转向组件。当您的需求发生变化时，也许您将需要一个。