-
147_Vue3响应式原理_Reflect
笔记 源码 模拟Vue3 实现响应式 总结 Vue3.0中的响应式原理 vue2.x的响应式 Vue3.0的响应式 笔记 ECMA组织，正在尝试将 Object身上有用的东西移植到 Reflect身上。例如: let obj = {a:1 ,b:2 } //为 obj 添加 属性c Object.defineProperty(ob... -
304 046.存储+读取数据
笔记 源码 main.ts store\count.ts store\loveTalk.ts components\Count.vue components\LoveTalk.vue 笔记 Pinia 强调的是 分类。 store 目录就是 Pinia 的一个体现，可以理解为： store 是 Pinia 世界的一个总经理。 源码... -
046_自定义指令_对象式
源码 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 自定义指令</title > <script type ="text/javascript" src ="../js/vue.js"... -
109_求和案例_vuex版
笔记 重要文件源码 store\index.js components\Count.vue 笔记 正常情况下,≥2个组件使用Vuex才有意义，但是本例为了搞明白Vuex，只使用了一个组件Count.vue，将来其它组件同理。 重要文件源码 store\index.js //该文件用于创建Vuex中最为核心的store import ... -
075_TodoList案例_底部统计
App.vue MyFooter.vue App.vue <template > <div id ="root" > <div class ="todo-container" > <div class ="todo-wrap" > <!-- 父组件App... -
108_搭建Vuex环境
笔记 第108节 1. 安装 Vuex 创建 真store 的2种方法 重要文件源码 main.js App.vue store\index.js 笔记 第108节 https://www.bilibili.com/video/BV1Zy4y1K7SH?&p=108 1. 安装 Vuex 自2022-02-07 Vue3... -
157_toRef与toRefs
笔记 toRef 视频内容 源码 Demo.html Demo.vue 笔记 toRef 把一个 xxx 东西 变为 另外一个 xxx 东西。 视频内容 toRef 作用：创建一个 ref 对象，其value值指向另一个对象中的某个属性。 语法：const name = toRef(person,'name') 应用: ... -
defineStore 入门篇
defineStore 通俗介绍 📦 简单比喻 ★ 🎯 核心作用 ★ 💡 举个生活例子 开一个小卖部 大家来买东西 🔧 在代码中看 📊 为什么需要这个？ 💡 实际应用场景 用户登录信息 🆚 传统方法对比 以前的方法（麻烦） 现在的方法（方便） 🔄 在网页中的应用 🎯 三个关键词 💡 一句话理解 d... -
012_理解数据代理
源码 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 何为数据代理？</title > </head > <body > <!-- 数据代理的定义：通过一个对象代理(E.... -
142_ref函数_处理基本类型
源码 App.vue 在 Vue2 中, ref 可以简单理解为 原生js 中 标签id=”***“ 用法的替代者。但是在 Vue3 中 ref 在原来基础上增加了 ref() 函数的功能。 源码 App.vue <template > <h1 > 一个人的信息</h1 > <!-- 模板中，不需要使用.value 取其...