vue前端实时获取数据

要实时获取数据，可以使用Vue的computed属性或watch属性。

使用computed属性： computed属性是一个计算属性，它会根据依赖的数据自动更新，实现实时获取数据的效果。

new Vue({
  data: {
    // 数据
    message: 'Hello Vue!'
  },
  computed: {
    // 计算属性
    computedMessage() {
      // 返回实时获取的数据
      return this.message + ' (computed)';
    }
  }
});

在模板中使用computed属性的值：

<div>{{ computedMessage }}</div>

当message的值发生变化时，computedMessage的值也会更新。

使用watch属性： watch属性可以监听数据的变化，并在数据变化时执行相应的操作。

new Vue({
  data: {
    // 数据
    message: 'Hello Vue!'
  },
  watch: {
    // 监听message属性
    message(newValue, oldValue) {
      // 执行实时获取数据的操作
      console.log(newValue);
    }
  }
});

当message的值发生变化时，watch中定义的函数会被调用，并传入新值和旧值作为参数。

以上两种方法都能实现实时获取数据的效果，具体选择哪种方法取决于具体的需求和场景