开发者社区> 问答> 正文

Web项目是用Vue框架和UmiJS框架开发,技术栈为React + TypeScript有冲突吧?

我们的Web项目用的是Vue框架, 和你们的UmiJS框架开发,技术栈为React + TypeScript 有冲突吧?AUI应该怎么接入呀?

展开
收起
三分钟热度的鱼 2023-08-08 14:03:17 113 0
来自:阿里云CDN
2 条回答
写回答
取消 提交回答
  • 北京阿里云ACE会长

    没错,Vue和React属于不同的前端框架,技术栈有较大差异。

    但这不影响AUI能否接入您的系统。

    对于同构技术栈的系统,AUI通过定义跨框架的标准接口,来实现与不同框架的接入。

    主要思路有两点:

    抽象出跨框架的标准消息接口
    AUI中定义了一套标准的消息体系,包含:

    一组通用的事件/消息名称
    消息携带的标准字段
    跨平台的序列化和反序列化方式
    这套标准不依赖于任何前端框架。

    使用中间件采用不同的接入方案
    对于不同的前端框架,AUI提供对应的中间件,用于:

    将标准消息转换为该框架的风格
    提供回调函数,响应AUI服务端分发的消息
    对于Vue项目,会提供Vue中间件。

    对于React项目,会提供React中间件。

    通过这种方式,AUI可同时支持Vue、React甚至多种技术。

    所以对于Vue和React的混合应用,也不成问题。

    您可以分别对Vue和React部分采用不同的AUI接入方式:

    Vue部分使用Vue中间件接入
    React部分使用React中间件接入

    2023-08-09 08:02:35
    赞同 展开评论 打赏
  • 您现在已有的项目是 Vue 项目么?我们开源的项目有是三个页面,登录、列表和直播间页面,最重要的事直播间的页面,我建议您做 MPA 模式,直播间页面使用我们开源的工程改造,继续使用原有的 Vue 工程开发进入直播间前的业务和页面,通过跳转页面方式进入直播间页。lQLPJx6-nXdfdqjNAu_NBk2wwtrYzahWzwcEvGZ2JACpAA_1613_751.png
    此回答整理自钉群“AUI客户支持群”

    2023-08-08 14:21:00
    赞同 展开评论 打赏
来源圈子
更多
收录在圈子:
+ 订阅
问答排行榜
最热
最新

相关电子书

更多
基于VUE的单页面性能优化实践 立即下载
高性能Web架构之缓存体系 立即下载
利用编译将 Vue 组件转成 React 组件 立即下载