-
071_TodoList案例_初始化列表
技巧 源码 MyList.vue MyItem.vue 技巧 一堆数据用数组 ，属性太多了用对象 。 源码 MyList.vue <template > <ul class ="todo-main" > <!-- 给 MyItem组件传数据 其中key可以随便定，但是value不能，此处的value只能 ... -
156_自定义hook
笔记 源码 App.vue components\Demo.vue hooks\usePoint.js 笔记 只要是在 setup(){} 写的API，都叫 组合式API(= Composition API) 源码 App.vue <template > <button @click ="isShowDemo = !is... -
116_vuex模块化 namespace 2
重要文件源码 App.vue store\index.js store\count.js store\person.js components\Count.vue components\Person.vue 重要文件源码 App.vue <template > <div > <Count /> ... -
152_watch监视reactive定义的数据
视频内容 watch函数 视频内容 watch函数 与Vue2.x中watch配置功能一致 两个小“坑”： 监视 reactive()定义的响应式数据 时：oldValue无法正确获取、强制开启了深度监视（deep配置失效）。 监视 reactive()定义的响应式数据中某个属性(该属性是对象) 时：deep配置有效。 //... -
161_customRef
视频内容 视频内容 customRef 作用：创建一个自定义的 ref，并对其依赖项跟踪和更新触发进行显式控制。 实现防抖效果： <template > <input type ="text" v-model ="keyWord" > <h3 > {{keyWord}}</h3 > </template >... -
008_数据绑定
<!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 数据绑定</title > <!-- 引入Vue --> <script type ="text/javascript" src =... -
050_生命周期_更新流程
面试官常问的问题 源码 面试官常问的问题 在哪个生命周期钩子中，页面和数据尚未保持同步？答案： beforeUpdate() 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 分析生命周期</titl... -
308 050.$subscribe的使用
笔记 源码 store\loveTalk.ts components\LoveTalk.vue 笔记 订阅可以让我们监视Vuex中数据的修改。 源码 store\loveTalk.ts import {defineStore} from 'pinia' import axios from "axios" ; import ... -
146_Vue3响应式原理_Proxy
源码 模拟Vue2 实现响应式 模拟Vue3 实现响应式 源码 模拟Vue2 实现响应式 直接使用一个 .html 模拟 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > Document</titl... -
6.2.2 Report Descriptor
The Report descriptor is unlike other descriptors in that it is not simply a table of values. The length and content of a Report descriptor vary depending on the number of data ...