AI + 工程

二、Composition API（组合式API）1、setup2、API - ref3、API - reactive （对象）4、API - toRefs三、Provide与Inject（提供/注入）1、Vue2写法2、Vue3写法3、响应性四、Teleport（传送门）【掌握】五、Suspense（等待）【掌握】六、Fragment（碎片）【了解】七、TreeShaking（消除未使用代码）【了解】八、Performance（性能）【了解】1、diff方法优化2、静态提升

一、关于 PNPM开发动机1、节省磁盘空间2、提升安装速度3、创建一个 non-flat node_modules 文件夹二、安装通过 npm 安装 pnpm通过 Homebrew 安装 pnpm三、pnpm CLI1、与 npm 的差异2、参数-C , --dir -w, --workspace-root3、命令4、环境变量四、配置五、常见 CLI 命令

一、集成element-plus二、src别名的配置三、环境变量的配置四、SVG图标配置安装/配置 SVG依赖插件svg封装为全局组件五、集成sass六、mock数据七、axios二次封装八、API接口统一管理

一、配置 eslint关于 eslint安装/配置 eslint`.eslint.cjs` 配置文件vue3环境代码校验插件修改.eslintrc.cjs配置文件eslintignore忽略文件运行脚本二、配置 prettiereslint & prettier安装依赖包prettierrc.json添加规则prettierignore忽略文件三、配置stylelint关于 stylelint安装依赖`.stylelintrc.cjs`**配置文件**stylelintig

2023-07-19（三）

六大亮点ref或者reactivemethods中定义的方法写在setup()setup()中使用props和context在setup中使生命周期函Provide / InjectFragment

关于 Element-plus安装Element-PlusVue3加载Element-plus完整引用按需导入Vue3加载Element-plus的字体图标安装`icons`字体图标全局注册引入文件使用方式

Axios网络请求安装引入网络请求基本示例get请求post请求快捷方案get请求post请求Axios网络请求封装网络请求跨域解决方案跨域错误提示信息目前主流的跨域解决方案有两种：Vue引入路由配置在Vue中引入路由路由传递参数嵌套路由配置

组件基础1、单文件组件2、加载组件3、组件的组织Props组件交互Prop 类型自定义事件组件交互组件生命周期Vue引入第三方 (Swiper基础实现添加指示器

如果数据项的顺序被改变，Vue 将不会移动 DOM 元素来匹配数据项的顺序，而是就地更新每个元素，并且确保它们在每个索引位置正确渲染。在我们的模板中，我们一直都只绑定简单的 property 键值，Vue.js 都提供了完全的 JavaScript 表达式支持。为了给 Vue 一个提示，以便它能跟踪每个节点的身份，从而重用和重新排序现有元素，你需要为每项提供一个唯一的。是“真正”的条件渲染，因为它会确保在切换过程中，条件块内的事件监听器和子组件适当地被销毁和重建。因此，如果需要非常频繁地切换，则使用。

【代码】Vue 1 - 安装、快速上手。

得到 pkg 文件，点击下一步下一步安装即可。下载对应系统的 LTS 版本。方式一：下载安装包（推荐）

FastAPI 接收文件上传一、bytes 方式1、接受单个 bytes 数据修改 files 格式2、接收多个 bytes 文件二、UploadFile 格式接收文件1、接收单个文件2、接收多个文件3、多个参数接收文件三、通过网页上传文件四、同时上传文件和参数（不能使用json）1、发送接收单个文件2、发送接收多个文件3、设置文件非必传