-
152_watch监视reactive定义的数据
视频内容 watch函数 视频内容 watch函数 与Vue2.x中watch配置功能一致 两个小“坑”： 监视 reactive()定义的响应式数据 时：oldValue无法正确获取、强制开启了深度监视（deep配置失效）。 监视 reactive()定义的响应式数据中某个属性(该属性是对象) 时：deep配置有效。 //... -
106_求和案例_纯vue版
笔记 重要文件源码 components\count.vue 笔记 安装 vue-resource 包 npm i vue-resource 引入 vue-resource 包，会在 vc 上多一个 $http ，如下图所示： 重要文件源码 components\count.vue <template > <div ... -
146_Vue3响应式原理_Proxy
源码 模拟Vue2 实现响应式 模拟Vue3 实现响应式 源码 模拟Vue2 实现响应式 直接使用一个 .html 模拟 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > Document</titl... -
011_Object.defineProperty
Object.defineProperty 方法的重要性 源码 Object.defineProperty 方法的重要性 Vue底层很多地方都会用到 Object.defineProperty方法，例如： 数据劫持 数据代理 计算属性 defineProperty 直译： 给 方法 定义 属性。 源码 <!DOCTYPE html> ... -
027_绑定style样式
源码 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 绑定样式</title > <style > .basic{ width: 4... -
8 泛型
泛型可以有多个 泛型接⼝ 视频位置 TypeScript快速梳理_下篇 0:54:50 泛型允许我们在定义函数、类或接⼝时，使⽤类型参数来表示未指定的类型 ，这些参数在具体使⽤时 ，才被指定具体的类型 ，泛型能让同⼀段代码适⽤于多种类型，同时仍然保持类型的安全性。 //<T> 表示 动态指定类型。 泛型用在函数身上，所以叫泛型函数。 //... -
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 @... -
067_mixin混入
mixin(混合 混入) 1. 功能 2. 使用方式： 源码 mixin.js main.js mixin(混合 混入) mix 混合英[mɪks] 美[mɪks] 1. 功能 可以把 多个组件 共用的配置 提取成 一个 混入对象 2. 使用方式： 第一步：定义混合 { data(){....}, me... -
150_computed计算属性
视频内容 源码 components\Demo.vue 视频内容 computed函数 与Vue2.x中computed配置功能一致 写法 import {computed} from 'vue' setup(){ ... //计算属性——简写 let fullName = computed(()=>{...