重要文件源码 App.vue store\index.js store\count.js store\person.js components\Count.vue components\Person.vue 重要文件源码 App.vue <template > <div > <Count /> ...

笔记 toRef 视频内容 源码 Demo.html Demo.vue 笔记 toRef 把一个 xxx 东西 变为 另外一个 xxx 东西。 视频内容 toRef 作用：创建一个 ref 对象，其value值指向另一个对象中的某个属性。 语法：const name = toRef(person,'name') 应用: ...

类型总览 JavaScript 中的数据类型（8个） TypeScript 中的数据类型 1. 上述所有 JavaScript 类型（8个） 2. 六个新类型(ts新增 6个) 3. 2个⽤于⾃定义类型的⽅式(ts新增 2个) 注意点 原始类型 VS 包装对象 ⾃动装箱 视频位置 TypeScript快速梳理_上篇 25:35 ...

笔记 Vue.js 是什么 谁开发的 Vue 的特点 笔记 Vue.js 是什么 Vue (读音 /vjuː/，类似于 view) 是一套用于 构建用户界面 的 渐进式 JavaScript 框架。 解读: 构建用户界面 即： 将 数据 通过Vue变为 界面。 渐进式Vue可以自底向上逐层的应用。白话：简单应用：只需一个非常小的...

视频内容 源码 Demo.vue shallow 浅层次 视频内容 1.shallowReactive 与 shallowRef shallowReactive：只处理对象最外层 属性的响应式（浅响应式）。 shallowRef：只处理基本数据类型 的响应式, 不进行对象的响应式处理。 什么时候使用? 如果有一个对象数据，...

笔记 源码 模拟Vue3 实现响应式 总结 Vue3.0中的响应式原理 vue2.x的响应式 Vue3.0的响应式 笔记 ECMA组织，正在尝试将 Object身上有用的东西移植到 Reflect身上。例如: let obj = {a:1 ,b:2 } //为 obj 添加 属性c Object.defineProperty(ob...

源码 Demo.vue 源码 Demo.vue <template > <h2 > 当前求和为：{{sum}}</h2 > <button @click ="sum++" > 点我+1</button > <hr > <h2 > 当前的信息为：{{msg}}</h2 > <button @...

视频内容 源码 components\Demo.vue 视频内容 watchEffect函数 watch的套路是：既要指明监视的属性，也要指明监视的回调。 watchEffect的套路是：不用指明监视哪个属性，监视的回调中用到哪个属性，那就监视哪个属性。 watchEffect有点像computed： 但computed注重的计算...

视频内容 视频内容 reactive对比ref 从定义数据角度对比： ref用来定义：基本类型数据 。 reactive用来定义：对象（或数组）类型数据 。 备注：ref也可以用来定义对象（或数组）类型数据 , 它内部会自动通过reactive 转为代理对象 。 从原理角度对比： ref通过Object.defineProperty(...

视频内容 视频内容 customRef 作用：创建一个自定义的 ref，并对其依赖项跟踪和更新触发进行显式控制。 实现防抖效果： <template > <input type ="text" v-model ="keyWord" > <h3 > {{keyWord}}</h3 > </template >...