vue 调用完新增数据接口后如何让页面刷新

有多种方法可以让页面刷新，以下是其中的两种：

1. 使用Vue的watch监听数据变化
在组件中使用watch监听新增数据的变化，当数据变化时重新获取数据并更新页面。例如：

<template>
  <div>
    <!-- 显示新增数据列表 -->
    <ul>
      <li v-for="item in dataList" :key="item.id">{{ item.name }}</li>
    </ul>
    <!-- 新增数据的表单 -->
    <form @submit.prevent="addData">
      <input type="text" v-model="newData.name">
      <button type="submit">添加</button>
    </form>
  </div>
</template>

<script>
export default {
  data() {
    return {
      dataList: [], // 存放新增数据的列表
      newData: { name: '' } // 新增数据的表单数据
    }
  },
  methods: {
    addData() {
      // 调用新增数据接口
      // ...

      // 新增数据成功后，更新dataList
      this.dataList.push(this.newData)

      // 清空表单数据
      this.newData.name = ''
    }
  },
  watch: {
    dataList(newValue) {
      // 数据变化时重新获取数据
      // ...
    }
  }
}
</script>

2. 使用Vue的$route刷新页面
在组件中使用$route刷新页面。例如：

<template>
  <div>
    <!-- 显示新增数据列表 -->
    <ul>
      <li v-for="item in dataList" :key="item.id">{{ item.name }}</li>
    </ul>
    <!-- 新增数据的表单 -->
    <form @submit.prevent="addData">
      <input type="text" v-model="newData.name">
      <button type="submit">添加</button>
    </form>
  </div>
</template>

<script>
export default {
  data() {
    return {
      dataList: [], // 存放新增数据的列表
      newData: { name: '' } // 新增数据的表单数据
    }
  },
  methods: {
    addData() {
      // 调用新增数据接口
      // ...

      // 刷新页面
      this.$route.go(0)
    }
  }
}
</script>

以上是两种常见的刷新页面的方法，根据具体情况选择合适的方法即可。