视频内容 源码 components\Demo.vue 视频内容 computed函数 与Vue2.x中computed配置功能一致 写法 import {computed} from 'vue' setup(){ ... //计算属性——简写 let fullName = computed(()=>{...

笔记 /piːnjʌ/ 笔记 Pinia的官网地址：https://pinia.vuejs.org/ Vue2 使用的 集中式状态(数据)管理 是 VuexVue3 使用的 集中式状态(数据)管理 是 Pinia 集中式：把 所有数据 集中 放到 一个容器 中。 使用原则：把 组件间 需要 共享 的数据可以放到 Pin...

141_初试setup 142_ref函数_处理基本类型 143_ref函数_处理对象类型 144_reactive函数 145_回顾Vue2的响应式原理 146_Vue3响应式原理_Proxy 147_Vue3响应式原理_Reflect 148_reactive对比ref 149_setup的两个注意点 150_computed计算属性 ...

视频内容 响应式数据的判断 源码 App.vue 视频内容 响应式数据的判断 isRef: 检查一个值是否为一个 ref 对象 isReactive: 检查一个对象是否是由 reactive 创建的响应式代理 isReadonly: 检查一个对象是否是由 readonly 创建的只读代理 isProxy: 检查一个对象是否是由 rea...

笔记 笔记 Vue2 的API 是 配置式(Options API) ，存在的问题：当功能比较多的时候，有可能会把相同功能的 数据、计算属性、方法、监视等拆散。 组合式API 是 Vue3 提出的。优势：借助 hooks 把相同功能的 数据、方法等放在一起(打包为hook函数)。 使用的时候直接 use即可。

源码 App.vue Student.vue 源码 App.vue <template > <div class ="app" > <h1 > {{ msg }}</h1 > <!-- 通过父组件给子组件 传递函数类型的props 实现： 子给父传递数据 --> <School...

视频内容 源码 components\Demo.vue raw 原始 视频内容 toRaw 与 markRaw toRaw： 作用：将一个由reactive 生成的响应式对象 转为普通对象 。 使用场景：用于读取响应式对象对应的普通对象，对这个普通对象的所有操作，不会引起页面更新。 markRaw： 作用：标记一个对象，使其永远不...

笔记 301 043.对Pinia的理解 302 044.准备一个效果 303 045.搭建pinia环境 304 046.存储+读取数据 305 047.修改数据(三种方式) 306 048.storeToRefs 307 049.getters的使用 308 050.$subscribe的使用 309 051.store组合式写...

重要文件源码 App.vue store/index.js components\Count.vue components\Person.vue 重要文件源码 App.vue <template > <div > <Count /> <hr > !-- <Person ...

总结TodoList案例 1. 组件化编码流程： (1)拆分静态组件 (2)实现动态组件 (3)实现交互：从绑定事件开始。 2. props适用于： 3. 使用v-model时要切记 4. props传过来值 禹神安装的查看markdown软件: Typora 总结TodoList案例 1. 组件化编码流程： (1)拆分...