-
156_自定义hook
笔记 源码 App.vue components\Demo.vue hooks\usePoint.js 笔记 只要是在 setup(){} 写的API，都叫 组合式API(= Composition API) 源码 App.vue <template > <button @click ="isShowDemo = !is... -
152_watch监视reactive定义的数据
视频内容 watch函数 视频内容 watch函数 与Vue2.x中watch配置功能一致 两个小“坑”： 监视 reactive()定义的响应式数据 时：oldValue无法正确获取、强制开启了深度监视（deep配置失效）。 监视 reactive()定义的响应式数据中某个属性(该属性是对象) 时：deep配置有效。 //... -
148_reactive对比ref
视频内容 视频内容 reactive对比ref 从定义数据角度对比： ref用来定义：基本类型数据 。 reactive用来定义：对象（或数组）类型数据 。 备注：ref也可以用来定义对象（或数组）类型数据 , 它内部会自动通过reactive 转为代理对象 。 从原理角度对比： ref通过Object.defineProperty(... -
146_Vue3响应式原理_Proxy
源码 模拟Vue2 实现响应式 模拟Vue3 实现响应式 源码 模拟Vue2 实现响应式 直接使用一个 .html 模拟 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > Document</titl... -
6.2.2.1 Items Types and Tags
All items contain a 1-byte prefix which denotes the basic type of the item. The HID class defines two basic formats for items: 所有项都包含一个1字节的前缀 ，用于标识该项的基本类型。HID 类为项定义两种基本格式： S... -
301 043.对Pinia的理解
笔记 /piːnjʌ/ 笔记 Pinia的官网地址：https://pinia.vuejs.org/ Vue2 使用的 集中式状态(数据)管理 是 VuexVue3 使用的 集中式状态(数据)管理 是 Pinia 集中式：把 所有数据 集中 放到 一个容器 中。 使用原则：把 组件间 需要 共享 的数据可以放到 Pin... -
011_Object.defineProperty
Object.defineProperty 方法的重要性 源码 Object.defineProperty 方法的重要性 Vue底层很多地方都会用到 Object.defineProperty方法，例如： 数据劫持 数据代理 计算属性 defineProperty 直译： 给 方法 定义 属性。 源码 <!DOCTYPE html> ... -
161_customRef
视频内容 视频内容 customRef 作用：创建一个自定义的 ref，并对其依赖项跟踪和更新触发进行显式控制。 实现防抖效果： <template > <input type ="text" v-model ="keyWord" > <h3 > {{keyWord}}</h3 > </template >... -
151_watch监视ref定义的数据
源码 Demo.vue 源码 Demo.vue <template > <h2 > 当前求和为：{{sum}}</h2 > <button @click ="sum++" > 点我+1</button > <hr > <h2 > 当前的信息为：{{msg}}</h2 > <button @... -
150_computed计算属性
视频内容 源码 components\Demo.vue 视频内容 computed函数 与Vue2.x中computed配置功能一致 写法 import {computed} from 'vue' setup(){ ... //计算属性——简写 let fullName = computed(()=>{...