-
048_引出生命周期
视频 生命周期函数： 源码 视频 https://www.bilibili.com/video/BV1Zy4y1K7SH?vd_source=c7e022f1b005d8bbc2b84031a67c0220&p=48 生命周期函数： Vue 在一些 关键的时间点 调用的一些 特殊的函数。 源码 <!DOCTYPE html> <h... -
142_ref函数_处理基本类型
源码 App.vue 在 Vue2 中, ref 可以简单理解为 原生js 中 标签id=”***“ 用法的替代者。但是在 Vue3 中 ref 在原来基础上增加了 ref() 函数的功能。 源码 App.vue <template > <h1 > 一个人的信息</h1 > <!-- 模板中，不需要使用.value 取其... -
166_Teleport组件
笔记 视频内容 源码 components\Dialog.vue teleport 远距离传送英[ˈtelipɔːt]美[ˈtelipɔːrt] 笔记 数据驱动显示。 视频内容 什么是Teleport？—— Teleport 是一种能够将我们的组件html结构 移动到 指定位置 的技术。 <teleport to ="移... -
143_ref函数_处理对象类型
ref() 教程内容 源码 App.vue ref() 教程内容 作用: 定义一个响应式的数据 语法: const xxx = ref(initValue) 创建一个包含响应式数据的引用对象（reference对象，简称ref对象） 。 JS中 操作数据： xxx.value 模板中 读取数据: 不需要.value，直接：<di... -
157_toRef与toRefs
笔记 toRef 视频内容 源码 Demo.html Demo.vue 笔记 toRef 把一个 xxx 东西 变为 另外一个 xxx 东西。 视频内容 toRef 作用：创建一个 ref 对象，其value值指向另一个对象中的某个属性。 语法：const name = toRef(person,'name') 应用: ... -
011_Object.defineProperty
Object.defineProperty 方法的重要性 源码 Object.defineProperty 方法的重要性 Vue底层很多地方都会用到 Object.defineProperty方法，例如： 数据劫持 数据代理 计算属性 defineProperty 直译： 给 方法 定义 属性。 源码 <!DOCTYPE html> ... -
7.10 复习类相关知识
类 继承 视频位置 TypeScript快速梳理_下篇 0:00:32 类 class Person { // 属性声明 name: string age: number // 构造器 构造函数 constructor (name: string, age: number) { ... -
078_浏览器本地存储
webStorage 1.存储内容大小 2.本地存储机制 3.相关API 3.1 xxxxxStorage.setItem('key', 'value'); 3.2 xxxxxStorage.getItem('person'); 3.3 xxxxxStorage.removeItem('key'); 3.4 xxxxxStorage.cl... -
elegant-router
elegant-router 详细介绍 1. 是什么？ 1.1 核心定位 2. 核心特性 2.1 类型安全的路由 2.2 自动生成路由类型 3. 基本使用 3.1 安装和配置 3.2 在 main.ts 中使用 4. 路由跳转 4.1 类型安全的导航 4.2 查询参数和哈希 5. 高级功能 5.1 路由守卫 5.2 动态路由 5... -
147_Vue3响应式原理_Reflect
笔记 源码 模拟Vue3 实现响应式 总结 Vue3.0中的响应式原理 vue2.x的响应式 Vue3.0的响应式 笔记 ECMA组织，正在尝试将 Object身上有用的东西移植到 Reflect身上。例如: let obj = {a:1 ,b:2 } //为 obj 添加 属性c Object.defineProperty(ob...