-
019_计算属性
源码 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 姓名案例_计算属性实现</title > <!-- 引入Vue --> <script type ="text/ja... -
078_浏览器本地存储
webStorage 1.存储内容大小 2.本地存储机制 3.相关API 3.1 xxxxxStorage.setItem('key', 'value'); 3.2 xxxxxStorage.getItem('person'); 3.3 xxxxxStorage.removeItem('key'); 3.4 xxxxxStorage.cl... -
9.6.1 Device
A device descriptor describes general information about a USB device. It includes information that applies globally to the device and all of the device’s configurations. A USB dev... -
308 050.$subscribe的使用
笔记 源码 store\loveTalk.ts components\LoveTalk.vue 笔记 订阅可以让我们监视Vuex中数据的修改。 源码 store\loveTalk.ts import {defineStore} from 'pinia' import axios from "axios" ; import ... -
049_生命周期_挂载流程
this 源码 生命周期图示 官网生命周期图示 禹神版图示 生命周期函数调试 beforeCreate created this 生命周期里的this都是vm 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> ... -
156_自定义hook
笔记 源码 App.vue components\Demo.vue hooks\usePoint.js 笔记 只要是在 setup(){} 写的API，都叫 组合式API(= Composition API) 源码 App.vue <template > <button @click ="isShowDemo = !is... -
5.2 Report Descriptors
Preceding descriptors are illustrated by flowchart items that represent tables of information. Each table of information can be thought of as a block of data. 前述描述符以流程图项目形式展示，这些... -
148_reactive对比ref
视频内容 视频内容 reactive对比ref 从定义数据角度对比： ref用来定义：基本类型数据 。 reactive用来定义：对象（或数组）类型数据 。 备注：ref也可以用来定义对象（或数组）类型数据 , 它内部会自动通过reactive 转为代理对象 。 从原理角度对比： ref通过Object.defineProperty(... -
031_列表过滤
源码 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 列表过滤</title > <script type ="text/javascript" src ="../js/vue.js" ... -
152_watch监视reactive定义的数据
视频内容 watch函数 视频内容 watch函数 与Vue2.x中watch配置功能一致 两个小“坑”： 监视 reactive()定义的响应式数据 时：oldValue无法正确获取、强制开启了深度监视（deep配置失效）。 监视 reactive()定义的响应式数据中某个属性(该属性是对象) 时：deep配置有效。 //...