笔记 源码 main.ts store\count.ts store\loveTalk.ts components\Count.vue components\LoveTalk.vue 笔记 Pinia 强调的是 分类。 store 目录就是 Pinia 的一个体现，可以理解为： store 是 Pinia 世界的一个总经理。 源码...

笔记 视频内容 源码 App.vue 笔记 reactive 响应，反应 Vue3 在处理 对象的响应式时，使用的是 Proxy 。 reactive 的目的： 让原对象变为响应式的对象。 视频内容 作用: 定义一个对象类型 的响应式数据（基本类型不要用它 ，要用ref 函数） 语法：const 代理对象= reactive(源对象...

笔记 ref属性 源码 App.vue 笔记 ref 是一个特殊的标签属性。之前学过一个特殊的标签属性key。 由于本课程测试比较多，如果我们把所有组件都写到 src目录，有可能看起来不方便。所以我们可以新建一个目录: 01_src_分析脚手架 ，将来用的时候，就把该目录名调整为src。目的：方便使用同样的脚手架，方便区分不同节课的教学内容。...

笔记 重要源码 public\index.html main.js App.vue components\Search.vue components\List.vue 笔记 将第三方 bootstrap.css 放在了 public 目录中，同时引入到 index.html 重要源码 public\index.html <!DO...

笔记 重要文件源码 store\index.js components\Count.vue 笔记 正常情况下,≥2个组件使用Vuex才有意义，但是本例为了搞明白Vuex，只使用了一个组件Count.vue，将来其它组件同理。 重要文件源码 store\index.js //该文件用于创建Vuex中最为核心的store import ...

笔记 源码 main.js App.vue router\index.js components\home.vue components\About.vue 笔记 导航名、路径名、组件名 可以一致，也可以不一致。 2022-02-07以后，vue-router的默认版本，为4版本。vue-router4 只能在 vue3 中使用 。v...

笔记 后退 前进 视频教程中的笔记 笔记 根据前面的知识，我们知道使用 <router-link to="..." ></router-link> 可以实现跳转。但是有时候，万一导航是由 button 写的(其中情况之一,为了说明不是用 router-link )，如何实现跳转呢? 后退 前进 13:30 视频教程中的笔记 编程式路...

笔记 第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...

笔记 toRef 视频内容 源码 Demo.html Demo.vue 笔记 toRef 把一个 xxx 东西 变为 另外一个 xxx 东西。 视频内容 toRef 作用：创建一个 ref 对象，其value值指向另一个对象中的某个属性。 语法：const name = toRef(person,'name') 应用: ...

笔记 笔记 vue1.0 年代自维护的一个ajax发送请求的 vue-resource 库（简单了解），官方目前已不维护。目前已经不太使用该库。 安装命令: npm i vue-resouce 本节内容咱不学习。