-
解构
如何理解”解构”？ 📋 解构的概念 🎯 简单比喻 ★ 💡 基本示例 ★ 1. 数组解构 2. 对象解构 📊 解构的常见用法 1. 重命名变量 ★ 2. 默认值 3. 嵌套解构 🆚 解构 vs 不解构 不解构写法 解构写法 ⚡ 解构的优势 🎯 解构属于什么？ 1. JavaScript ES6 特性 ... -
044_v-pre指令
源码 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > v-pre指令</title > <!-- 引入Vue --> <script type ="text/javasc... -
Pick
📋 简介 🎯 核心作用 📝 基本语法 💡 经典示例 🔄 与手动定义的对比 📈 性能考虑 📋 总结 📋 简介 Pick 是 TypeScript 的内置工具类型 ，用于从一个类型中挑选 出部分属性创建新类型。 🎯 核心作用 从 复杂类型 中提取 需要的字段 ，创建更精简的类型。 📝 基本语法 Pick<源类... -
withDefaults
📊 withDefaults 的作用 1. 为 TypeScript props 设置运行时默认值 2. 保持类型安全 🆚 与 Options API 对比 Options API 写法 Composition API + <script setup> 写法 📈 高级用法 1. 函数默认值 2. 复杂对象默认值 3. 依赖默... -
063_render函数
模板解析器 *.vue main.js 小结 两种模块化 Vue.js的两个组成部分： 核心例如：生命周期、处理事件等 模板解析器该解析器的体积占了 vue.js 的大约 1/3。开发的时候，它会帮我们解析模板。当最终发布的时候，会编译为.html .css .js ，那么此时就不需要该解析器了。 所有的 运行时 vue.runti... -
1 TypeScript 简介
上图简记:js ∈ ts TypeScript 由微软 开发，是基于 JavaScript 的⼀个扩展语⾔ 。 TypeScript 包含了 JavaScript 的所有内容，即： TypeScript 是 JavaScript 的超集 。 TypeScript 增加了：静态类型检查、接⼝、 泛型等很多现代开发特性，更适合⼤型项⽬... -
断言
1. 基本含义 2. 在 TypeScript 中的三种断言 ★★★ 2.1 类型断言（Type Assertion） 2.2 非空断言（Non-null Assertion） 2.3 确定赋值断言（Definite Assignment Assertion） 3. 在 Vue 3 模板中的断言 4. TypeScript 的断言函数... -
138_使用vite创建工程
笔记 视频文档 问题 笔记 vite /vit/:是新一代的构建工具。 老一代的构建工具 是 webpack 。 视频文档 官方文档：https://v3.cn.vuejs.org/guide/installation.html#vite vite官网：https://vitejs.cn 什么是vite？—— 新一代前端构建工具... -
3 编译 TypeScript
1. 命令⾏编译 2. ⾃动化编译 3. 脚手架 视频位置 TypeScript快速梳理_上篇 11:00 浏览器不能直接运⾏ TypeScript 代码，需要编译为 JavaScript 再交由浏览器解析器执⾏。 1. 命令⾏编译 要把 .ts ⽂件编译为 .js ⽂件，需要配置 TypeScript 的编译环境，步骤如下 第⼀步：... -
062_分析脚手架结构
根目录 package.json package-lock.json src目录 assets main.js 测试 编译出错: 根目录 package.json 运行 npm run serve 时，实际对应该包中的: "serve" : "vue-cli-service serve" 运行 npm run build ...