-
139_分析工程结构
源码 main.js 对象结果对比图： Vue3 app身上没有Vue2 vm身上那么多的属性。 Vue3 的Vue组件中，可以没有 div 根标签。 源码 main.js //引入的不再是Vue构造函数了,引入的是一个名为 createApp 的工厂函数。 //构造函数的特点: // new 函数 // 首字母大写; /... -
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... -
161_customRef
视频内容 视频内容 customRef 作用：创建一个自定义的 ref，并对其依赖项跟踪和更新触发进行显式控制。 实现防抖效果： <template > <input type ="text" v-model ="keyWord" > <h3 > {{keyWord}}</h3 > </template >... -
011_Object.defineProperty
Object.defineProperty 方法的重要性 源码 Object.defineProperty 方法的重要性 Vue底层很多地方都会用到 Object.defineProperty方法，例如： 数据劫持 数据代理 计算属性 defineProperty 直译： 给 方法 定义 属性。 源码 <!DOCTYPE html> ... -
8 泛型
泛型可以有多个 泛型接⼝ 视频位置 TypeScript快速梳理_下篇 0:54:50 泛型允许我们在定义函数、类或接⼝时，使⽤类型参数来表示未指定的类型 ，这些参数在具体使⽤时 ，才被指定具体的类型 ，泛型能让同⼀段代码适⽤于多种类型，同时仍然保持类型的安全性。 //<T> 表示 动态指定类型。 泛型用在函数身上，所以叫泛型函数。 //... -
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(()=>{... -
027_绑定style样式
源码 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 绑定样式</title > <style > .basic{ width: 4... -
Transition
Transition 组件简介 📋 定义 🎯 核心功能 💡 基本用法 🔧 核心特性 1. 自动应用 CSS 类 2. 支持多种触发方式 📊 常用属性 🔄 动画模式 (mode) 1. 默认模式 (同时进行) 2. out-in (先出后进) 3. in-out (先进后出) ⚡ CSS 动画类 基本过渡 ...