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

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

笔记 源码 App.vue components\Count.vue components\LoveTalk.vue 笔记 准备的效果图: 为了配合源码熟悉解析请求服务器(https://api.uomg.com/api/rand.qinghua?format=json)返回数据的写法，我把视频中返回的数据结构截图如下 : 2025-1...

笔记 源码 store\count.ts components\Count.vue 笔记 如果有一天，你对 Pinia 中的数据不满意，可以追加一些配置项。例如: getters 源码 store\count.ts import {defineStore} from 'pinia' //因为当前演示项目中，有一个 count组...

笔记 视频位置 TypeScript快速梳理_下篇 1:02:00 笔记 先有了js，后有了ts 因为在 ts 中引入 js 文件中的函数时，ts不知道js的参数类型和返回值类型，那么就需要增加和js同名的.d.ts文件来进行类型声明。 上图中的 demo.d.ts 就是为了给 demo.js 文件中的函数进行参数和返回值进行类型声明，方...

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

笔记 源码 store\loveTalk.ts components\LoveTalk.vue 笔记 订阅可以让我们监视Vuex中数据的修改。 源码 store\loveTalk.ts import {defineStore} from 'pinia' import axios from "axios" ; import ...

笔记 笔记 视频中启动脚手架的方法: npm run dev 我使用的启动脚手架方法: npx vite --port=4000 搭建 Pinia 的方法: 安装 Pinianpm i pinia 修改 main.ts , 3步走` // 第一步：引入 piniaimport {createPinia} from ‘pinia...