u014678583的博客

Pinia最初是在 2019 年 11 月左右重新设计使用Composition API的 Vue Store 外观的实验。从那时起，最初的原则仍然相同，但 Pinia 适用于 Vue 2 和 Vue 3 ，并且不需要你使用组合 API。Pinia 是 Vue 的存储库，它允许您跨组件/页面共享状态Pinia 是一个用于 Vue 的状态管理库，类似 Vuex, 是 Vue 的另一种状态管理方案，Pinia 2 是对应 Vue3 的版本// 安装npm i pinia还需再安装个数据持久化插

整理之后发现vue3的keep-alive和vue2相差也不是太大，重点是写法改变了1、App.vue<template> <router-view v-slot="{ Component }"> <keep-alive :include="includeList"> <component :is="Component"></component> </keep-alive> </router-view&

前提：你的浏览器已经安装vue-devtools工具场景：当你做了很多项目的时候，总会有些多出来的state值是无用的，如果不删除，state下的值会越来越多（不管有用的还是没用的值）。这样很不好，在浏览器中又不能直接删除，网上找了一堆，结果全是没用的，也是醉了，所有就自己写了一个方法清空掉所有的state值。1、假设我要清除state下的所有值2、 添加mutations中的方法//模拟数据state: { includeList: [], oneNavCur:0,

原因：IOS是卸载了onunload和beforeunload事件，改为pagehide代替APP.vue中修改为var isiOS = !!navigator.userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端 if (isiOS) { //在页面刷新时将vuex里的信息保存到缓存里 window.addEventListener("pagehide", () =&gt