首页 > TAG信息列表 > userStore
state 和 getters 的代码实例
使用 : <template> <div class="id"> <h3>姓名: {{ userStore.name }}</h3> <h3>年龄: {{ userStore.age }}</h3> <h3>等级: {{ userStore.level }}</h3> <h3>简化版姓名: {{ name }}</h3>pini2使用
vue3 中使用 pinia2 注意事项 vue 中使用 state 不可以解构,否则将无法响应式 如如解构使用 storeToRefs 定义状态 import { login } from '@/server/login.js' import { getToken } from '@/utils/auth' import { defineStore } from 'pinia' export const userStore = definaxios拦截器加autho验证,接口失效后重新请求的写法
//request拦截 service.interceptors.request.use( request => { let { current } = router.history; if ( store.getters["userStore/getToken"] && current.name !== "Login" && request.url != "/l普通的JS文件中使用vuex
使用map的简洁写法好像没试出来怎么用,但是常规写法如下: vuex: import Vue from "vue"; import Vuex from "vuex"; import userStore from "./modules/userStore"; Vue.use(Vuex); export default new Vuex.Store({ modules: { userStore } }); 我这里写个获取后台接vuex使用map在module的模式下的写法
我定义一个user的module import Vue from "vue"; import Vuex from "vuex"; import userStore from "./modules/userStore"; Vue.use(Vuex); const debug = process.env.NODE_ENV !== "production"; export default new Vuex.Store({ m