高明网站建设首选公司,电脑做ppt模板下载网站,做网站的周记,广州网站营销推广安全退出实现
VueX 是一个专门为 Vue.js 应用设计的状态管理构架#xff0c;统一管理和维护各个vue组件的可变化状态(你可以理解成 vue 组件里的某些 data )。
Vuex有五个核心概念#xff1a; state, getters, mutations, actions, modules。 state#xff1a;vuex的基本数…安全退出实现
VueX 是一个专门为 Vue.js 应用设计的状态管理构架统一管理和维护各个vue组件的可变化状态(你可以理解成 vue 组件里的某些 data )。
Vuex有五个核心概念 state, getters, mutations, actions, modules。 statevuex的基本数据用来存储变量 getters从基本数据(state)派生的数据相当于state的计算属性 mutation提交更新数据的方法必须是同步的(如果需要异步使用action)。每个 mutation 都有一个字符串的 事件类型 (type) 和 一个 回调函数 (handler)。 回调函数就是我们实际进行状态更改的地方并且它会接受 state 作为第一个参数提交载荷作为第二个参数。 action和mutation的功能大致相同不同之处在于 》1. Action 提交的是 mutation而不是直接变更状态。 2. Action 可以包含任意异步操作。 modules模块化vuex可以让每一个模块拥有自己的state、mutation、action、getters,使得结构非常清晰方便管理。 store index.js
import { createStore } from vuex
import router from /routerexport default createStore({state: {},getters: {},mutations: {},actions: {// 安全退出logout(){window.sessionStorage.clear();window.localStorage.clear();router.replace(/login)}},modules: {}
})注册click事件 menu /index.vue
import { useStore } from vuex
const storeuseStore();const logout(){store.dispatch(logout)
}
