-
090_$nextTick
重要源码 components\MyItem.vue 重要源码 components\MyItem.vue <template > <li > <label > <!-- 默认勾选 <input type="checkbox" checked/> ... -
041_v-html指令
源码 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > v-html指令</title > <!-- 引入Vue --> <script type ="text/javas... -
113_mapActions与mapMutations
笔记 重要文件源码 components\Count.vue 笔记 课程:https://www.bilibili.com/video/BV1Zy4y1K7SH?p=113 经验：看到 commit(大写方法名,参数) ，就应该明白正在和 mutations 对话。怎么和mutations对话呢？你要调 commit(大写方法名,参数) 为... -
144_reactive函数
笔记 视频内容 源码 App.vue 笔记 reactive 响应，反应 Vue3 在处理 对象的响应式时，使用的是 Proxy 。 reactive 的目的： 让原对象变为响应式的对象。 视频内容 作用: 定义一个对象类型 的响应式数据（基本类型不要用它 ，要用ref 函数） 语法：const 代理对象= reactive(源对象... -
304 046.存储+读取数据
笔记 源码 main.ts store\count.ts store\loveTalk.ts components\Count.vue components\LoveTalk.vue 笔记 Pinia 强调的是 分类。 store 目录就是 Pinia 的一个体现，可以理解为： store 是 Pinia 世界的一个总经理。 源码... -
断言
1. 基本含义 2. 在 TypeScript 中的三种断言 ★★★ 2.1 类型断言（Type Assertion） 2.2 非空断言（Non-null Assertion） 2.3 确定赋值断言（Definite Assignment Assertion） 3. 在 Vue 3 模板中的断言 4. TypeScript 的断言函数... -
Promise
Promise 简要介绍 📋 一句话概括 🎯 三种状态 📝 基本语法 💡 经典示例 1. 模拟异步请求 2. 链式调用 （告别回调地狱） 🔧 常用方法 1. Promise.all （全部成功） 2. Promise.race （竞速） 3. Promise.any （任意一个成功） ⚡ 主要特点 优点 注意事项 ... -
157_toRef与toRefs
笔记 toRef 视频内容 源码 Demo.html Demo.vue 笔记 toRef 把一个 xxx 东西 变为 另外一个 xxx 东西。 视频内容 toRef 作用：创建一个 ref 对象，其value值指向另一个对象中的某个属性。 语法：const name = toRef(person,'name') 应用: ... -
099_github案例_列表展示
笔记 重要源码 public\index.html main.js App.vue components\Search.vue components\List.vue 笔记 将第三方 bootstrap.css 放在了 public 目录中，同时引入到 index.html 重要源码 public\index.html <!DO... -
143_ref函数_处理对象类型
ref() 教程内容 源码 App.vue ref() 教程内容 作用: 定义一个响应式的数据 语法: const xxx = ref(initValue) 创建一个包含响应式数据的引用对象（reference对象，简称ref对象） 。 JS中 操作数据： xxx.value 模板中 读取数据: 不需要.value，直接：<di...