-
147_Vue3响应式原理_Reflect
笔记 源码 模拟Vue3 实现响应式 总结 Vue3.0中的响应式原理 vue2.x的响应式 Vue3.0的响应式 笔记 ECMA组织，正在尝试将 Object身上有用的东西移植到 Reflect身上。例如: let obj = {a:1 ,b:2 } //为 obj 添加 属性c Object.defineProperty(ob... -
Object.defineProperty
🎯 基本含义 🔍 详细解释 1. 允许删除属性 2. 允许修改属性描述符 3. 与 configurable: false 对比 🎯 属性描述符的完整选项 🔧 实际应用场景 场景1：创建可删除的常量属性 场景2：插件系统的配置属性 场景3：响应式数据绑定 ⚠️ 重要注意事项 1. 默认值 2. 一次性操作 ... -
025_watch对比computed
源码 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 姓名案例_watch实现</title > <!-- 引入Vue --> <script type ="text/j... -
027_绑定style样式
源码 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 绑定样式</title > <style > .basic{ width: 4... -
144_reactive函数
笔记 视频内容 源码 App.vue 笔记 reactive 响应，反应 Vue3 在处理 对象的响应式时，使用的是 Proxy 。 reactive 的目的： 让原对象变为响应式的对象。 视频内容 作用: 定义一个对象类型 的响应式数据（基本类型不要用它 ，要用ref 函数） 语法：const 代理对象= reactive(源对象... -
141_初试setup
笔记 视频教程 源码 App.vue 笔记 setup 是 组合式 API 组合式 API:Composition API 想完Vue3,要先搞懂setup。 setup 是 Vu3 新提出来的一个配置项。 视频教程 拉开序幕的setup 理解：Vue3.0中一个新的配置项，值为一个函数。 setup是所有Co... -
022_监视属性
源码 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 天气案例_监视属性</title > <!-- 引入Vue --> <script type ="text/java... -
115_vuex模块化 namespace 1
重要文件源码 App.vue store/index.js components\Count.vue components\Person.vue 重要文件源码 App.vue <template > <div > <Count /> <hr > !-- <Person ... -
017_事件总结
事件的修饰符可以连写 系统修饰按键可以组合使用 事件的修饰符可以连写 例如：之前实例中的.stop 和 .prevent ，可以像下图一样连写: 这样既阻止 a 弹窗，又可以阻止跳转到指定href链接。 系统修饰按键可以组合使用 例如： ctrl+y 才会触发 showInfo() <div id="root" > <h2 > 欢... -
7.3 never
1. ⼏乎不⽤ never 去直接 限制 变量，因为没有意义 2. never 也可⽤于 限制 函数的 返回值 3. never ⼀般是 TypeScript 主动推断 出来的 视频位置 TypeScript快速梳理_上篇 44:05 never 不是用来限制变量的，而是用来限制函数的返回类型 。 never 的含义是：任何值都不是，即：...