数据库数据刷新在vue界面

在Vue中，当数据发生变化时，视图会自动更新。如果你的数据是从数据库中获取的，你需要在获取数据的时候，将数据赋值给Vue实例的数据对象，这样数据发生变化时，视图才会自动更新。

下面是一个从数据库中获取数据并在Vue界面中展示的示例：

1. 在Vue实例的 `data` 选项中定义一个空数组:

data() {
  return {
    items: []
  }
}

2. 在`created`生命周期钩子中，从数据库中获取数据，并将数据赋值给 `items` 数组：

created() {
  axios.get('/api/getData')
    .then(res => {
      this.items = res.data
    })
    .catch(err => {
      console.log(err)
    })
}

在这里，我们使用了axios库来发送GET请求，获取数据。

3. 在模板中，使用 `v-for` 指令循环渲染数据：

<ul>
  <li v-for="item in items" :key="item.id">{{ item.name }}</li>
</ul>

在这里，我们使用了 `v-for` 指令循环渲染了 `items` 数组中的每个元素。

当从数据库中获取到数据并赋值给 `items` 数组时，Vue会自动更新视图，将数据展示出来。

如果你希望在数据发生变化时，能够自动更新视图，你需要确保在修改数据时，使用Vue提供的方法，例如使用 `this.$set` 或 `this.$delete` 方法，或者直接修改Vue实例中的数据属性。这样，当数据发生变化时，视图会自动更新。