怪可爱的地球人

Composition API：按“业务逻辑/功能”组织代码（把同一功能相关的状态、计算、监听、生命周期放在一起，且容易抽成 useXxx() 复用）。 1. 代码组织方式...

Options API：按“选项分类”组织代码（data / computed / methods / watch / mounted 分区）。 1. 代码组织方式 Opt...

Proxy：JS 的“代理对象”能力，可以拦截几乎所有对对象的操作（读、写、in、delete、遍历、Reflect.ownKeys 等）。Vue3 用它做响应式。 1.拦...

Object.defineProperty：JS 用来“在对象某个属性上定义 getter/setter”的底层 API。Vue2 用它把每个字段变成“被访问会收集依赖、被...

Directive指令: 就是给某个 DOM（或组件的根元素）附加“行为”的语法，用法形态是 v-xxx。 当我们不想为了一个小行为专门封装成组件时，就用指令更合适。 什么...

“全局 API 变化”指什么： 指 Vue2 里挂在全局 Vue 构造函数上的那些用法，在 Vue3 变成了 “应用实例（app）级别” 的用法：通过 createApp(...

更强的 TS 类型与 SFC 能力：让“组件写法更简洁 + 类型更可靠” 理解：这不是运行时“原理”，而是写法/工具链的升级，典型就是 <script setup>、def...

Suspense：专门处理“异步依赖组件”的占位与切换 理解：当子组件是异步组件（或依赖异步 setup）时，Suspense 让你声明 #fallback（加载中）和默认...

Fragments：组件允许多个根节点（不再强制一个根） 理解：Vue2 时代模板必须单根；Vue3 可以多根，编译器会用“片段”把它们当作一组来管理。...

Teleport：把“渲染出来的 DOM”放到别的地方 理解：组件逻辑还在原位置，但它的 DOM 可以“挂”到 body 或某个容器里（解决弹窗被父容器 overflow:...

三种常见情况：查询参数、路径参数、请求体，用 axios（你封装的 http）都很好写。 1. 查询参数（?page=1&pageSize=10 这种） 改 api： 组件...

trim() 是 JavaScript 字符串的方法，作用是： 去掉字符串两端的空白字符：包括空格、换行、制表符等。 中间的字符不会被删掉，只处理“开头”和“结尾”的空白。...

浅拷贝意思就是一个对象里面要么提交的时候用来合并，要么编辑的时候，修改数据，如果点击取消的时候，还是会恢复到原来的那样。那深拷贝意思就是对象它里面是嵌套的，嵌套2,3,4层...

模拟接口数据创建本地Mock数据文件。借助第三方（Mock.js）或结合开发服务器（Vite/Webpack Dev Sever）实现的前端模拟接口方案。 典型的（Vite...

一、安装 二、基本配置 1.创建Mock入口文件（src/mock/index.ts） 2.在main.ts中引入（仅开发环境） 三、创建Mock数据的标准写法 1.使用M...

route:读取当前路由信息（参数、查询参数、路径等） router:进行路由跳转操作（push、replace、go等） 跳转 读取：...

原子unocss最清晰的一个版本。让后台管理和小程序的样式，更加的不占内存，更快速的样式响应，当然，它并不是最完美的，但我们依然要根据官网的更新去更新项目中的样式变更字段或...

1. rules(自定义规则)定义新的类名规则，生成对应的css。 2. shortcuts（快捷方式）组合多个类名成一个简短的类名，提高效率。形式：字符串，数组，函数。 ...

1.宽 格式：w-前缀 固定宽度：w-数字 百分比宽度：w-full、w-1/2 最小/最大宽度：min-w-0、min-w-full、min-w-[200px] 最小/大...

一、在网页上面的换算 em与rem与px的换算 em公式 计算： 嵌套情况（多层父元素） 子元素的 1.25em 相对于直接父元素（中间 div） 1.25em × 18p...