-
049_生命周期_挂载流程
this 源码 生命周期图示 官网生命周期图示 禹神版图示 生命周期函数调试 beforeCreate created this 生命周期里的this都是vm 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> ... -
对象的简写形式
1. 属性简写（同名省略） 2. 方法简写（省略 : function ） 3. 计算属性名（动态键名） 4. Vue 特定简写 （1）v-bind 简写 （2）v-on 简写 5. 对象展开运算符（... ） 6. 解构赋值简写 7. Vuex 中的简写 （1）mapState 简写 （2）mapActions 简... -
308 050.$subscribe的使用
笔记 源码 store\loveTalk.ts components\LoveTalk.vue 笔记 订阅可以让我们监视Vuex中数据的修改。 源码 store\loveTalk.ts import {defineStore} from 'pinia' import axios from "axios" ; import ... -
042_v-cloak指令
v-cloak 指令没有值，只有名。 cloak 英[kləʊk] 美[kloʊk]n. 斗篷;(尤指旧时的)披风;遮盖物;vt. 遮盖;掩盖; <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > v-cloak指... -
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... -
7.9 ⼀个特殊情况
先来观察如下两段代码 代码段1（正常） 代码段2（特殊） 为什么会这样？ 视频位置 TypeScript快速梳理_中篇 视频位置 00:49:00 需要先把 7.4 void 学会，才能学这里。 先来观察如下两段代码 代码段1（正常） 在函数定义时，限制函数返回值为 void ，那么函数的返回值就必须是空。 //void 只能接... -
008_数据绑定
<!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 数据绑定</title > <!-- 引入Vue --> <script type ="text/javascript" src =... -
031_列表过滤
源码 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 列表过滤</title > <script type ="text/javascript" src ="../js/vue.js" ... -
011_Object.defineProperty
Object.defineProperty 方法的重要性 源码 Object.defineProperty 方法的重要性 Vue底层很多地方都会用到 Object.defineProperty方法，例如： 数据劫持 数据代理 计算属性 defineProperty直译： 给 方法 定义 属性。或者说： 定义属性是为了给方法使用。 ...