-
304 046.存储+读取数据
笔记 源码 main.ts store\count.ts store\loveTalk.ts components\Count.vue components\LoveTalk.vue 笔记 Pinia 强调的是 分类。 store 目录就是 Pinia 的一个体现，可以理解为： store 是 Pinia 世界的一个总经理。 源码... -
043_v-once指令
源码 v-once 指令没有值，只有名。 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > v-once指令</title > <!-- 引入Vue --> <script... -
157_toRef与toRefs
笔记 toRef 视频内容 源码 Demo.html Demo.vue 笔记 toRef 把一个 xxx 东西 变为 另外一个 xxx 东西。 视频内容 toRef 作用：创建一个 ref 对象，其value值指向另一个对象中的某个属性。 语法：const name = toRef(person,'name') 应用: ... -
147_Vue3响应式原理_Reflect
笔记 源码 模拟Vue3 实现响应式 总结 Vue3.0中的响应式原理 vue2.x的响应式 Vue3.0的响应式 笔记 ECMA组织，正在尝试将 Object身上有用的东西移植到 Reflect身上。例如: let obj = {a:1 ,b:2 } //为 obj 添加 属性c Object.defineProperty(ob... -
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... -
030_key作用与原理
遍历列表时，key的作用 源码 遍历列表时，key的作用 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > key的原理</title > <script type ="tex... -
099_github案例_列表展示
笔记 重要源码 public\index.html main.js App.vue components\Search.vue components\List.vue 笔记 将第三方 bootstrap.css 放在了 public 目录中，同时引入到 index.html 重要源码 public\index.html <!DO... -
034_Vue监测数据的原理_对象
原理 vm 始终可以将 data 对象的数据 加工到 vm._data ，无论data对象中的元素有多少子对象 模拟一个数据监测 原理 vm 始终可以将 data 对象的数据 加工到 vm._data ，无论data对象中的元素有多少子对象 测试用例，运行可以在浏览器的控制台查看: <!DOCTYPE html> <html > ... -
079_TodoList_本地存储
源码 App.vue 源码 App.vue <template > <div id ="root" > <div class ="todo-container" > <div class ="todo-wrap" > <!-- 父组件App.vue ... -
046_自定义指令_对象式
源码 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 自定义指令</title > <script type ="text/javascript" src ="../js/vue.js"...