Javascript 如何在Vue.js中创建模型类并作出反应？

我很难理解其他框架（主要是Vue.js和React）是如何对数据进行建模的。在ExtJS中，我们使用定义了一个模型，它为我们提供了“类型”、属性、关联、获取数据的方法、封装等。它为API返回到UI的内容建模，并提供了一个类来管理这些数据

在React中，我知道有

道具

和

状态

，但这更像是视图的配置值。。。不是实际的数据建模。我想这就剩下了TypeScript接口或ES6类，我更倾向于TS接口，因为它提供类型，但我不知道这是否是这些框架的标准方法

无论如何，如果我想在Vue.js中创建下面的模型类或React，我将如何实现这一点？我会使用TS接口、ES6类或其他什么，还是这些框架不关心这一点？现在我想让这个课程保持简单，但是如果你想包括如何建立关联（一对一和一对多的关系）的话，还有额外的积分。。。你可以在网站上看到我的完整回复

---

Checkout Redux和VuexVue和React都没有内置或事实上的解决方案。它们提供了非常不同的方法，这些方法首先取决于它们实现反应性的方式。因此，在那里上课不会有任何好处。您可以自由使用TS接口进行类型安全，但这与实现无关。一个更接近框架不可知论的东西是mobx-state-tree。我开始看着Redux，我的头开始旋转。。。它看起来是如此之多，却如此之少，但我确信我完全不理解它的价值<代码>mobx状态树看起来非常像我想要的。我认为我使用这些软件包的问题是生存能力…这些包的维护者将继续维护它多长时间？

Ext.define('User', {
    extend: 'Ext.data.Model',

    fields: [{
        name: 'Id',
        type: 'int'
    }, {
        name: 'UserName',
        type: 'string'
    }, {
        name: 'Age',
        type: 'int'
    }],

    proxy: {
        type: 'ajax',
        url: 'data1.json'
    }
});