视频内容 源码 components\Demo.vue raw 原始 视频内容 toRaw 与 markRaw toRaw： 作用：将一个由reactive 生成的响应式对象 转为普通对象 。 使用场景：用于读取响应式对象对应的普通对象，对这个普通对象的所有操作，不会引起页面更新。 markRaw： 作用：标记一个对象，使其永远不...

1. unknown 可以理解为⼀个类型安全的 any 2. 读取 any 类型数据的 任何属性 都不会 报错，⽽ 读取 unknown 类型数据的 任何属性 都会 报错。 视频位置 TypeScript快速梳理_上篇 37:23 unknown 的含义是：未知类型 1. unknown 可以理解为⼀个类型安全的 any 适⽤于：起初不确...

视频内容 响应式数据的判断 源码 App.vue 视频内容 响应式数据的判断 isRef: 检查一个值是否为一个 ref 对象 isReactive: 检查一个对象是否是由 reactive 创建的响应式代理 isReadonly: 检查一个对象是否是由 readonly 创建的只读代理 isProxy: 检查一个对象是否是由 rea...

显示/隐式 any 坑 视频位置 TypeScript快速梳理_上篇 33:38 一旦把数据类型设置为any,那么就表示你放弃了类型检查。 显示/隐式 any any 的含义是：任意类型，⼀旦将变量类型限制为 any ，那就意味着放弃了对该变量的类型检查。 // 明确的表示a的类型是 any —— 【显式的any】 //一旦此处把 a...

笔记 笔记 Vue2 的API 是 配置式(Options API) ，存在的问题：当功能比较多的时候，有可能会把相同功能的 数据、计算属性、方法、监视等拆散。 组合式API 是 Vue3 提出的。优势：借助 hooks 把相同功能的 数据、方法等放在一起(打包为hook函数)。 使用的时候直接 use即可。

笔记 源码 store\count.ts components\Count.vue 笔记 如果有一天，你对 Pinia 中的数据不满意，可以追加一些配置项。例如: getters 源码 store\count.ts import {defineStore} from 'pinia' //因为当前演示项目中，有一个 count组...

源码 store\count.ts components\Count.vue 源码 store\count.ts import {defineStore} from 'pinia' //因为当前演示项目中，有一个 count组件，所以当前文件名也起名为 count.ts //官方推荐我们使用 Hooks 命名思想: use***St...

158_shallowReactive与shallowRef 159_readonly与shallowReadonly 160_toRaw与markRaw 161_customRef 162_provide与inject 163_响应式数据的判断

1. ⼏乎不⽤ never 去直接 限制 变量，因为没有意义 2. never 也可⽤于 限制 函数的 返回值 3. never ⼀般是 TypeScript 主动推断 出来的 视频位置 TypeScript快速梳理_上篇 44:05 never 不是用来限制变量的，而是用来限制函数的返回类型 。 never 的含义是：任何值都不是，即：...

源码 src\store\count.ts src\store\loveTalk.ts src\components\Count.vue src\components\LoveTalk.vue 源码 src\store\count.ts import {defineStore} from 'pinia' //因为当前演示项目中，有一...