Vue学习记录

npm init vue@latest

Vue项目结构

vue-router入门案例

让路由来管控页面

vue-router跳转页面，（切换组件）

配置子路由

重定向

当访问当前路径时，重定向到指定路径，让页面显示该路径内容

在当前的vue文件里添加该句:Layout.vue

Pinia存储token

状态管理库，允许跨组件/页面共享状态（token等）。

1.安装​​​​​​​pinia

npm install pinia

2.在vue应用实例（main.js）中使用pinia

import { createPinia } from 'pinia'
const pinia = createPinia()

app.use(pinia)

3.src/stores/token.js中定义store

store是一个保存状态和业务逻辑的实体（例子中保存的就是token ）

pinia-persistedstate-plugin持久化插件

1.安装persist   

npm install pinia-persistedstate-plugin

 导入创建createPersistedState

在vue实例（main.js）中导入createPersistedState，创建：createPersistedState()，使用：pinia.use()

定义Store时指定持久化配置参数

​​​​​​​