在一次表单重构中，我逐渐意识到，在数据和【关注微信公众号：wwwtangshuangnet】【作者：唐霜】UI分开的前端开发模式中，UI和数据越来【版权所有，侵权必究】原创内容，盗版必究。越需要解耦，UI要完完全全和数据本身无关【原创内容，转载请注明出处】【版权所有】唐霜 www.tangshuang.net，做到无状态，做到完全靠数据驱动，并且提转载请注明出处：www.tangshuang.net【原创内容，转载请注明出处】供响应接口（更新UI的接口）。而数据层面【未经授权禁止转载】原创内容，盗版必究。，如果考虑到自身将被用于渲染，那么就要配本文版权归作者所有，未经授权不得转载。转载请注明出处：www.tangshuang.net置一个驱动器，将原始的数据结构转化为便于著作权归作者所有，禁止商业用途转载。【未经授权禁止转载】UI使用的数据结构，这就是独立于UI的数本文作者：唐霜，转载请注明出处。【关注微信公众号：wwwtangshuangnet】据模型驱动器。

拿表单来说，市面上有一些基于jquery本文版权归作者所有，未经授权不得转载。【版权所有】唐霜 www.tangshuang.net的表单框架，虽然说是框架，实际上，还是一本文版权归作者所有，未经授权不得转载。【关注微信公众号：wwwtangshuangnet】套基于js配置的ui组件，并非真正意义上【原创内容，转载请注明出处】【原创不易，请尊重版权】的框架。而我的思考是，我们同一套表单，它【关注微信公众号：wwwtangshuangnet】【未经授权禁止转载】背后的业务逻辑、数据提交的验证、编辑时的原创内容，盗版必究。【原创内容，转载请注明出处】数据回溯等等问题，也就是脱离了UI层面的【转载请注明来源】【转载请注明来源】其他逻辑问题，都可以抽象出来。现在的开发【本文受版权保护】【转载请注明来源】全部是多端开发，同一个表单，在UI界面上【原创内容，转载请注明出处】【访问 www.tangshuang.net 获取更多精彩内容】可能不同，使用的UI技术也可能不同，例如【转载请注明来源】【作者：唐霜】在公众号网页和在小程序中，甚至在Reac转载请注明出处：www.tangshuang.net未经授权，禁止复制转载。tNative构建的原生app中，他们抛著作权归作者所有，禁止商业用途转载。【访问 www.tangshuang.net 获取更多精彩内容】开UI、交互层面的东西，背后的业务逻辑几【版权所有】唐霜 www.tangshuang.net【关注微信公众号：wwwtangshuangnet】乎是一摸一样的，为什么不可以共享？而且这未经授权，禁止复制转载。未经授权，禁止复制转载。三种场景，背后都支持js原生的计算能力和本文作者：唐霜，转载请注明出处。著作权归作者所有，禁止商业用途转载。语言特性，所以，很明显是一定可以共享的，【版权所有】唐霜 www.tangshuang.net【版权所有，侵权必究】所不同的是，在将模型和UI框架进行拼接时【原创内容，转载请注明出处】【作者：唐霜】，拼接方式不同。

表单模型只是一个例子。这种将模型抽离出U本文版权归作者所有，未经授权不得转载。本文版权归作者所有，未经授权不得转载。I的方案，适用于大部分带有业务逻辑的中后转载请注明出处：www.tangshuang.net【版权所有，侵权必究】台应用中，在都使用了web技术的前提下，本文作者：唐霜，转载请注明出处。【作者：唐霜】想多端共享同一套业务逻辑，就应该用这种思原创内容，盗版必究。【版权所有，侵权必究】路去写。

现在的问题是，有没有一套完整方案（框架）【原创不易，请尊重版权】未经授权，禁止复制转载。，去像React那样，编写模型。我认为还【版权所有，侵权必究】【原创不易，请尊重版权】没有，或者说，还没有一个UI框架是基于这转载请注明出处：www.tangshuang.net本文作者：唐霜，转载请注明出处。种考虑去实现的，因此，也就没有模型框架可原创内容，盗版必究。【本文受版权保护】以被应用到实际开发中。如果有一种UI框架【关注微信公众号：wwwtangshuangnet】转载请注明出处：www.tangshuang.net（特别是React），可以基于“模型-视【访问 www.tangshuang.net 获取更多精彩内容】【本文首发于唐霜的博客】图”的方式去开发自己，那么就更有利于模型本文版权归作者所有，未经授权不得转载。本文版权归作者所有，未经授权不得转载。框架的出现。就目前而言，最接近这种形态的【未经授权禁止转载】【作者：唐霜】是rxjs作为模型框架，react作为U【访问 www.tangshuang.net 获取更多精彩内容】本文作者：唐霜，转载请注明出处。I框架。