活力小柯

配置全局组件 例如组件使用频率非常高（table，Input，button，等）这些组件 几乎每个页面都在使用便可以封装成全局组件 案例------我这儿封装一个Card组...

父组件通过v-bind绑定一个数据，然后子组件通过defineProps接受传过来的值， 如以下代码 给Menu组件 传递了一个title 字符串类型是不需要v-bind ...

watchEffect 立即执行传入的一个函数，同时响应式追踪其依赖，并在其依赖变更时重新运行该函数。 如果用到message 就只会监听message 就是用到几个监听几...

监听Ref 案例 监听多个ref 注意变成数组啦 监听Reactive 使用reactive监听深层对象开启和不开启deep 效果一样 案例2 监听reactive 单一值...

computed用法 计算属性就是当依赖的属性的值发生变化的时候，才会触发他的更改，如果依赖的值，不发生变化的时候，使用的是缓存中的属性值。 1 函数形式 2 对象形式 c...

toRef toRefs toRaw toRef 如果原始对象是非响应式的就不会更新视图 数据是会变的 如果原始对象是响应式的是会更新视图并且改变数据的 toRefs 可以...

reactive 用来绑定复杂的数据类型 例如 对象 数组 reactive 源码约束了我们的类型 他是不可以绑定普通的数据类型这样是不允许 会给我们报错 数组异步赋值问题...

ref 接受一个内部值并返回一个响应式且可变的 ref 对象。ref 对象仅有个 .value property，指向该内部值。 案例 我们这样操作是无法改变message...

为什么要学习源码 1.可以提升自己学习更优秀的API设计和代码逻辑 2.面试的时候也会经常问源码相关的东西 3.更快的掌握vue和遇到问题可以定位 介绍虚拟DOM 虚拟DO...

模板插值语法 在script 声明一个变量可以直接在template 使用用法为{undefined{变量名称}} 模板语法是可以编写条件运算的 运算也是支持的 操作API...

Vite目录 vite config ts  这是vite的配置文件具体配置项 后面会详解 VsCode Vue3 插件推荐 Vue Language Features (...

1.安装nodejs（建议装14版本稳定） 装过的同学可以忽略 下载 | Node.js 中文网 2.构建vite项目 官方文档开始 {#getting-started} ...

1.介绍vue Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue ...

infer 是TypeScript 新增到的关键字 充当占位符 我们来实现一个条件类型推断的例子 定义一个类型 如果是数组类型 就返回 数组元素的类型 否则 就传入什么类型...

我们昨天学的Partial 很像只是把? 替换成了 Readonly Record 1 keyof any 返回 string number symbol 的联合类型 2 ...

TypeScript内置高级类型Partial Pick  Partial 看一下源码 使用前 转换后全部转为了可选 keyof 是干什么的？ in 是干什么的？ ? 是将...

学习proxy对象代理 Proxy 对象用于创建一个对象的代理，从而实现基本操作的拦截和自定义（如属性查找、赋值、枚举、函数调用等） target 要使用 Proxy 包装...

概述 思维导图 首先 需要定义三个角色 发布者 订阅者 调度者 具体代码 转载自：https://blog.csdn.net/qq1195566313/article/de...

webpack  rollup打包对比 配置json文件 npm init -y 配置rollup文件 配置tsconfig.json npm run dev 启动就可以尽...

Decorator 装饰器是一项实验性特性，在未来的版本中可能会发生改变 它们不仅增加了代码的可读性，清晰地表达了意图，而且提供一种方便的手段，增加或修改类的功能 若要启用...