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