8月18日 打卡day21
今日学习：一个登录案例包学会 Pinia
1、Mock 的用法
①安装插件 vite-plugin-mock
②在vite.config.js 配置文件
③编写 mock server
新建一个模拟用户接口的服务，它导出一个数组，数组里每一项用来模拟一个接口
开启mock 服务后，当前端在发出 ajax 请求时，会被拦截交由 mock 服务处理
2、使用 Pinia
（1）简介
核心概念只剩下：store状态仓库、state状态，和 vuex 保持一致、getters类似组件的计算属性，和 vuex 中的 getters 的保持一致、actions和 vuex 中的 actions 保持一致，可以处理逻辑并修改 state
（2）创建
通常在src 目录下创建 store 目录来存放状态管理有关的代码
（3）注册
在项目的入口文件中注册
（4）创建用户 store
①Pinia 中没有 module 的概念，是拍平的 store 结构
②创建 store命名遵循 useXXX 的形式
（5）state、getters、actions
①与vuex的区别，就是pinia不再需要 dispatch 了，也没有 mutation 的概念了
②在一个 action 函数中， this 就是当前 store 的实例，可以直接修改状态
（6）组件中使用 Pinia
先实例化 store，然后直接使用 state、getters 和 actions
（7）pinia 状态持久化
①Pinia 的数据是存在内存当中的，页面刷新数据就会丢失
②持久化插件，比如 pinia-plugin-persistedstate
展开
一个登录案例包学会 Pinia
juejin.cn
青训营-快乐出发
评论
相关推荐