我无法实时获取更新

Question

我在一个带有fethersjs服务器和vue.js的项目上工作，我正在获取数据，但是我遇到了实时事件的问题..当我更新字段时，我没有获得新数据实时，我必须重新加载页面才能获得它。

我必须配置一些手表吗？怎么样？...任何帮助将不胜感激！

这是获取数据并显示它的代码...

created () {
  const { Locales } = this.$FeathersVuex.api
  const locaData = Locales.find({ query: {} }).then((response) => {
    
      const localData = response.data || response;
      console.log(localData)

      var mesasIngresads = 0;
      this.totalLocales = 0;
      this.localesOcupados = 0;
      this.localesEntregados = 0;
      this.totalMesas = 0;
      this.recepcionVotos = 0;
      this.entregaVotos = 0;
      this.mesasReconocidas = 0;
      this.mesasFusionadas = 0;
      this.mesasConstituidas = 0;
      this.mesasCerradas = 0;

      localData.forEach((element) => {
        this.totalLocales = this.totalLocales + 1;
        this.totalMesas = this.totalMesas + parseInt(element.cantidadMesas);

        if (element.recepcionVotos === true) {
          this.recepcionVotos = this.recepcionVotos + 1;
        }
        if (element.retiroVotos === true) {
          this.entregaVotos = this.entregaVotos + 1;
        }
        if (element.despliegue === true) {
          this.localesOcupados = this.localesOcupados + 1;
        }
        if (element.repliegue === true) {
          this.localesEntregados = this.localesEntregados + 1;
        }

        if (element.mesasDet.data != null) {
          element.mesasDet.data.forEach((mesaElement) => {
            mesasIngresads++;
            if (mesaElement.cerrada === true) {
              this.mesasCerradas = this.mesasCerradas + 1;
              //this.cerradasHora
            }
            if (mesaElement.reconocida === true) {
              this.mesasReconocidas = this.mesasReconocidas + 1;
            }
            if (mesaElement.constituida === true) {
              this.mesasConstituidas = this.mesasConstituidas + 1;
              //this.constituidasHora =
            }
            if (mesaElement.fusionada === true || mesaElement.fusionada === 'true') {
              this.mesasFusionadas = this.mesasFusionadas + 1;
            }
          });
        }
      });
      console.log("mesas ingresadas: " + mesasIngresads);
      var porcRec = ((this.mesasReconocidas / this.totalMesas) * 100).toFixed(
        0
      );
      var constFus = this.mesasConstituidas + this.mesasFusionadas;
      var porConst = (
        ((this.mesasConstituidas + this.mesasFusionadas) / this.totalMesas) *
        100
      ).toFixed(0);
      var totalCerrar = this.totalMesas - this.mesasFusionadas;
      var porCerradas = ((this.mesasCerradas / totalCerrar) * 100).toFixed(0);

      this.textoTotalMesas = this.totalMesas + " Mesas";
      this.textoLocalesOcupados =
        this.localesOcupados + " de " + this.totalLocales;
      this.textoLocalesEntregados =
        this.localesEntregados + " de " + this.totalLocales;
      this.textoRecepcionVotos =
        this.recepcionVotos + " de " + this.totalLocales;
      this.textoEntregaVotos = this.entregaVotos + " de " + this.totalLocales;
      this.textoMesasReconocidas =
        this.mesasReconocidas + " - " + porcRec + "%";
      //this.textoReconocidasHora
      this.textoMesasConstituidas =
        constFus +
        " - " +
        porConst +
        "% (" +
        this.mesasFusionadas +
        " fusionadas)";
      //this.textoConstituidasHora: '',
      this.textoMesasCerradas = this.mesasCerradas + " - " + porCerradas + "%";
      //this.textoCerradasHora: '',

      console.log(this.textoTotalMesas);
    });