当前位置: 首页 > 知识库问答 >
问题:

javascript - vue3项目定制化需求最佳方案?

屠嘉勋
2024-03-28

公司的sass商城B端商城给客户提供服务时,客户会提出各种定制化需求。比如,有的客户想改网站各种meta信息、有的客户想接入自己的埋点SDK、还有各种各样的定制。
部分高复用的需求可以做成配置,无需前端额外开发,但是像一些比较特别,而且都是小改动的,如何做到更优雅,对项目侵入最小呢?
面对各种定制化需求,你们是怎么做的呢?

共有2个答案

郭乐湛
2024-03-28

客户多,且提出各种定制化服务,肯定要提前设计好的,我虽然没做过这种,但觉得这样可行。

方案一:需要定制化服务的单独切分支部署
master

customerA  定制化服务客户AcustomerB  定制化服务客户BcustomerC  无需定制C

方案二:搭建低代码平台,模块化开发,拖拽组装成页面,每个模块都有版本的概念

这样页面 = 模块A(v1.0) + 模块B(v1.0) + 模块C(v1.1)
韦衡
2024-03-28

不太清楚,没有遇到过类似场景。

我觉得可以写一个 vue 插件

app.use(CustomizedNeeds)// other fileconst CustomizedNeeds = {    install(app, options) {        // 没有需求,什么都不做        // 修改 meta 信息        document.querySelector('meta[name="description"]').setAttribute("content", desc);        // 接入 sdk        const script = document.createElement("script")        script.src = "src/to/sdk"        document.body.append(script)    }}
 类似资料:
  • 15. 其他定制化需求 15.1. 录制功能 录制文件为mp4格式,录制的文件需CDN厂商提供存储 1. 闪断恢复 在50秒内的闪断重莲后,录制的文件与闪断前的文件合并为同一个 2. 鉴权 支持HLS第一次下载m3u8时请求回源鉴权,后续不需要回源鉴权

  • 一个产品给多个甲方用,同一个功能给多个甲方定制不同的页面,代码共用一套 方案1: 菜单里面每个甲方配不同的菜单,比如甲方1环境,路径配置甲方1页面的路径,甲方2环境,配置甲方2页面路径 方案2: 页面外面包一层,用v-if判断加载不同的页面 <template> </template> 请问哪种方式好,或者还有什么其他方法?

  • 问题内容: 查找对象是否在数组中的最佳方法是什么? 这是我知道的最好方法: 问题答案: 从ECMAScript 2016开始,您可以使用 如果要支持IE或其他较旧的浏览器: 编辑:这将无法在IE6、7或8上运行。最好的解决方法是自行定义它(如果不存在): Mozilla)版本: { }; } Daniel James的版本: Array.prototype.indexOf = function (

  • 问题内容: 我们在同一个SVN存储库中有一个包含两个子项目的项目。例如: 项目的构建应包括两个子项目的构建结果。为了使构建速度更快,我仅在分别更改了SVN的情况下(在svn:// ip / svn / trunk / subproject1中)才运行subproject1的构建。对于subproject2同样 最好的方法是什么?我可以做一份工作吗?在这种情况下,我应该如何定义构建触发器? 还是我需

  • ①. 项目开发流程 ②. 商城项目需求分析

  • 有没有vue3+ts控制路由权限的项目案例?