vue怎么把后端数据库查询到一个字段中的20条数据分成十条十条使用

可以使用Vue中的computed属性来实现将20条数据分成10条10条的效果。

首先，将查询到的20条数据存储在Vue实例的data属性中，如下所示：

data: {
  dataList: [...], // 存储查询到的20条数据
},

然后，在computed属性中定义一个名为`splitDataList`的计算属性，该属性用于将20条数据分成10条10条的形式：

computed: {
  splitDataList() {
    const dataList = this.dataList;
    const result = [];
    for (let i = 0; i < dataList.length; i += 10) {
      result.push(dataList.slice(i, i + 10));
    }
    return result;
  },
},

在上述代码中，我们首先获取存储在dataList中的20条数据，然后使用一个for循环将这些数据分成10条10条的形式，最后将这些分组后的数据存储在一个名为result的数组中，并将其作为计算属性的返回值。

最后，在Vue模板中使用v-for指令遍历splitDataList计算属性中的数据即可：

<div v-for="group in splitDataList">
  <ul>
    <li v-for="item in group">{{ item }}</li>
  </ul>
</div>