Должен ли я превратить этот код в собственный компонент, если я не уверен, нужно ли мне использовать его в другом месте?

Question

У меня есть страница, на которой я перебираю массив объектов и отрисовываю элемент <p> для каждого элемента следующим образом:

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

Это всего лишь пример, и в будущем я мог бы иметьвизуализировать больше материала, чем просто элемент <p> на объект в массиве.Должен ли я сделать из этого компонент и просто v-для компонента, передав ему элемент?

Несмотря на то, что я использовал Vue около 3 недель, я все еще немного не в себе, когда мне нужноразобрать компонент чего-то, и когда я не должен.

Answer 1

Я бы не стал. Вы используете компонент, если вам нужна какая-то функция компонента, такая как локальное состояние, вычисление для каждого элемента или хуки жизненного цикла. Или, очевидно, если вы используете блок кода в нескольких местах.

Я не вижу здесь никакой причины для перехода к компоненту. Когда ваши требования изменятся, возможно, вам понадобится.