如何在单独的标签中呈现数组中的元素？答案

【问题标题】：How to render elements from an array in separate tags?如何在单独的标签中呈现数组中的元素？
【发布时间】：2020-12-22 10:04:03
【问题描述】：

我有一个数组中的 JSON 对象列表，我打算在 Vue Native 的模板标签内呈现这些元素。

我当前的输出呈现没有任何间距或任何预定义 CSS 的元素。

我正在使用v-for 循环遍历元素并将结果添加到包含其他子标签的视图标签中。

数组看起来像这样

[
 {
  "name":"A",
  "age": 23,
  "hobbies":{
   }
 },
 {
  "name":"B",
  "age": 26,
  "hobbies":{
   }
 }
]

在我的模板标签中，我正在使用类似这样的东西遍历这个数组

<template>
 <ScrollView>
  <template v-for="items in arr">
   <text>{{items.name}}</text>
  </template>
 </ScrollView>
<template>

【问题讨论】：

【解决方案1】：

使用数组映射：

<>
  {arrays.map(item=> <div>{item.title}</div>)}
</>

【讨论】：