时间戳

首页 > 解决方案 > 如何在 vue js 中重用 es6 类？

javascript - 如何在 vue js 中重用 es6 类？

问题描述

如何在 Vue Js 中重用一些现有的 ES6 类。

有一个类，其变量由 observable 更新。

class A { 
    public a: string;
    someobservable.subscribe((a) =>{
         this.a = a;
    })
}

在 vue.JS 中已经创建了这个类的对象。

示例如何使用属性：

created: {
    objA = new A();
}
methods: {
    getA() {
        if(this.objA !== undefined){
            return objA.a;
        }
    }
}

在 Vue 模板中：

<div>{{getA()}}</div>

模板中的值与类中变量的值不同步。

有没有其他方法可以使用 Vue 模板中的属性，它会实时更新。

标签： javascriptvue.jsecmascript-6ecmascript-2017

解决方案

它应该getA()作为计算属性而不是方法使用。此外，您可以跳过 if 语句，因为没有 return 语句将返回undefined。

computed: {
  getA() {
    return objA.a;
  }
}

推荐阅读