Vue进阶之AI智能助手项目(二)——项目评审与架构设计

embedded/2025/2/26 11:45:42/

AI智能助手项目

    • 基于Vue的最佳实践
      • main.ts
      • App.vue
        • 主应用给子应用下发功能
        • 语言language,theme设置及appStore状态管理
        • 状态管理
      • router路由
        • index.ts
        • permission.ts

基于Vue的最佳实践

src目录概览

  • api 接口,基于接口可以做 状态处理,interceptor
  • assets/public 静态资源
  • components 组件 (单一项目,人少的情况下维护)
    • common 基于element-ui等目前组件库做的基础的组件,比如,queryForm,queryTable
    • businessLine1
    • businessLine2
    • businessLine3

monorepo (多个项目,如何去维护,通用功能):

  • apps
    • pc
    • mobile
  • packages
    • common sub package
  • hooks 业务自定义的hooks
  • icons logo素材
  • locales i18n型的 维护中文,英文
  • pluins 平时开发中的功能插件
  • router 路由管理
  • store 状态管理
  • typings 目录中放的是全局类型的定义 windows上的内容&#

http://www.ppmy.cn/embedded/167255.html

相关文章

【前端】页面结构管理

在前端开发中,页面结构 的管理有两种常见方式:路由形式 和 组件形式。它们各自有不同的优缺点,适用于不同的场景。以下是它们的对比: 路由形式 在路由形式中,通常会使用前端路由库(如 React Router、Vue R…

使用 Three.js 转换 GLSL 粒子效果着色器

大家好!我是 [数擎AI],一位热爱探索新技术的前端开发者,在这里分享前端和 Web3D、AI 技术的干货与实战经验。如果你对技术有热情,欢迎关注我的文章,我们一起成长、进步! 开发领域:前端开发 | AI…

【Python】Python判断语句经典题(一)

Python入门——判断语句经典练习题例题(一)。题目来源:Acwing 目录 001、倍数 题目描述 AC代码 002、零食 题目描述 AC代码 003、加薪 题目描述 AC代码 004、DDD 题目描述 AC代码 005、游戏时间 题目描述 AC代码 006、简单排…

如何禁用uniapp,vue页面下拉刷新功能

在小程序开发中,enablePullDownRefresh 是一个常用的配置项,用来控制页面是否允许下拉刷新。但是,有时即使在 pages.json 中将其设置为 false,下拉刷新依然可能未被完全禁用。 1. enablePullDownRefresh: false 配置无效 enable…

kotlin 知识点三 扩展函数和运算符重载

大有用途的扩展函数 不少现代高级编程语言中有扩展函数这个概念,Java 却一直以来都不支持这个非常有用的功 能,这多少会让人有些遗憾。但值得高兴的是,Kotlin 对扩展函数进行了很好的支持,因此这个 知识点是我们无论如何都不能错…

宿主机的 root 是否等于 Docker 容器的 root?

在 Docker 容器化技术中,宿主机的 root 和 容器的 root 并不完全相同,尽管它们都称作 “root 用户”。这里需要明确的是,Docker 容器与宿主机之间存在隔离机制,容器内的 root 用户和宿主机的 root 用户有一些关键的区别。 1. 宿主…

MongoDB私人学习笔记

俗话说“好记性不如烂笔头”,编程的海洋如此的浩大,养成做笔记的习惯是成功的一步! 此笔记主要是ZooKeeper3.4.9版本的笔记,并且笔记都是博主自己一字一字编写和记录,有错误的地方欢迎大家指正。 一、基础知识&#xf…

【Linux网络编程】 HTTP协议

目录 前言 URL 协议格式 常见的方法 状态码 cookie sessionid token 总结 HTTP协议是基于TCP的应用层协议,虽然我们说, 应用层协议是我们程序猿自己定的,但是自己定协议也是比较麻烦要解决两个问题: 序列化与反序列化数据粘包问题…