Vue

Express 基本用法 中文官网：https://www.expressjs.com.cn/ 基于 Node.js 平台，快速、开放、极简的 web 开发框架。Express 是 Node.js 最

概述 什么是node.js Node js 是javascript运行时的环境而非编程语言 Node.js中的JavaScript运行环境 NodeJs中分为两部分，一部分是V8引擎为了解析和执行JS

AI的基本认知 认知同步 AI 早已不是新事物 (接受) 语音识别，人脸识别，无人驾驶，智能机器人... (包括 ChatGPT 也是研发了多年的产物) AI 本质是智能工具 (认识) 人工智能辅助，

文章分类页面-【element-plus 表格】 功能需求 基本架子 - PageContainer 封装 文章分类渲染&loading处理 文章分类添加编辑[element-plus弹层] 文章分类

pnpm 包管理器-创建项目 优势： 比同类工具快两倍左右，节省磁盘空间 安装方式：npm install -g pnpm 创建项目：pnpm create vue Eslint 配置代码风格 配置文

新特性-defineOptions 背景说明： 有 <script setup> 之前，如果要定义 props, emits 可以轻而易举地添加一个与 setup 平级的属性。 但是用了<script

Vue3 优势 更容易维护 组合式API 更好的TypeScript支持 更快的速度 重写diff算法 模拟编辑优化 更高效的组件初始化 更优的数据响应 Proxy 4.更小的体积 良好的TreeSh

搜索-历史记录管理 需求： 搜索历史基本渲染 点击搜索（添加历史） 点击 搜索按钮 或 底部历史记录 都能进行搜索 若之前没有相同搜索关键字，则直接追加到最前面 所之前已有相同搜索关键字，将原有关键字

项目演示 项目收获 创建项目 删除目录 修改目录 新增目录 src/api 目录 存储接口模块 (发送ajax请求接口的模块) src/utils 目录 存储一些工具模块 (自己封装的方法) vant

功能分析 功能模块分析 请求动态渲染购物车，数据存vuex 数字框空间 修改数据 动态计算 总价和总数量 脚手架新建项目 （注意勾选vuex） vue从热爱突然vue-cart-demo 将原本src

Vuex 定义 Vue是一个插件，可以帮我们管理Vue通用的数据（多组件共享的数据） 场景 某个状态在很多个软件使用（个人信息） 多个组件 共同维护 一份数据（购物车） 优势 共同维护一份数据，数据集

效果分析 功能分析 通过演示效果发现，主要的功能页面有两个，一个是列表页，一个是详情页，并且在列表页点击时可以跳转到详情页 底部导航可以来回切换，并且切换时，只有上面的主题内容在动态渲染 分析：配路由

路由模块封装 路由的封装抽离 好处：拆分模块，利于维护 找某个目录下的某文件： 从当前文件出发（简单） 使用绝对路径@/views，@指代src目录，可以用于快速引入组件 利用router-link替

自定义指令 基础语法 自定义指令：自己定义的指令，可以封装一些dom操作，扩展额外功能 全局注册—语法 局部注册—语法 使用： <input v-指令名 type="text"> 全局注册示例： Ap

组件的三大组成部分 注意点 结构：只能有一个根元素 样式： 全局样式（默认）：影响所有组件 局部样式：scoped下样式，只作用于当前组件 逻辑： el 根实例独有，data是一个函数，其他配置项一致

watch侦听器（监视器） 1.监视数据变化，执行一些业务逻辑或异步操作 2.语法： （1） watch同样声明在跟data同级的配置项中 （2） 简单写法： 简单类型数据直接监视 （3） 完整写法：

定义 Vue是一个用来构建用户界面的渐进式框架 创建Vue实例 初始化渲染步骤： 准备容器（Vue管理的范围） 引包（官网）——开发版本/生产版本 创建实例 指定配置项——渲染数据 el指定挂裁点 d