vue怎么把获取的数据分开使用

可以使用computed属性将数据分离为不同的变量，然后在模板中使用这些变量。例如：

<template>
  <div>
    <h1>{{ title }}</h1>
    <ul>
      <li v-for="item in items">{{ item.name }}</li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      data: [
        { id: 1, name: 'John' },
        { id: 2, name: 'Jane' },
        { id: 3, name: 'Bob' },
      ],
    };
  },
  computed: {
    title() {
      return 'My List';
    },
    items() {
      return this.data.filter((item) => item.id > 1);
    },
  },
};
</script>

在这个例子中，我们使用computed属性将数据分离为title和items。在模板中，我们可以像使用常规变量一样使用它们。title是一个静态值，而items是基于data计算出来的。