代码之家 › 专栏 › 技术社区 › Onyx

如果我不确定是否需要在其他地方使用该代码,是否应该将其转换为自己的组件?

vue-component vuejs2 vue.js

Onyx · 技术社区 · 6 年前

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

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

这只是一个例子,将来我可能需要渲染更多的东西,而不仅仅是一个 < 数组中每个对象的元素。我是否应该用它制作一个组件,并通过将项目传递给它来为该组件创建一个v?

1 回复 | 直到 6 年前

Roy J 6 年前

我不会的。如果您需要一些组件特性,如本地状态、为每个项计算的属性或生命周期挂钩,则可以使用组件。或者,很明显,如果您在多个位置使用代码块。

推荐文章

StuP · 响应式Vue组件在数据更改时不更新

2 年前

dbzx10299 · 对从Api端点返回的数据使用Vue转换组

2 年前

mrDandaleonx · Vue3获取div内容并将其发布到表单

2 年前

ateymour · Vue3在异步调用后将道具传递给子组件

2 年前

Artur Müller Romanov · 是否可以有条件地渲染布局?

2 年前

Ilijanovic · 对象可能未定义

2 年前

devAR · 单击其他组件时,单选按钮未保持选中状态

2 年前

Coderama · 在v-for指令中使用:key属性时,TS应出现类型错误

2 年前

Suffii · Vue表单输入绑定的条件绑定存在问题

2 年前

akkonrad · 函数的作用是:返回数据属性为空的实例

2 年前