vuex总结:

文章目录

      • 一,什么是vuex:
            • 五大核心 ---
            • 如何使用 ---
            • 高级用法 ---

一,什么是vuex:

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式,它采用集中式存储管理应用的所有组件的状态,他的存储是响应式的,一个组件使用并修改了vuex中state里面的数据,其他绑定了相同数据的组件,他们的数据也会被更改;它由五部分组成:
分别是:state,actions,mutations,getters,modules
vuex总结:_第1张图片

五大核心 —
  • state:存放共享的数据
  • getters:相当于vue里面的计算属性,对state数据进行计算(结果会被缓存)
  • mutations:同步操作,唯一可以修改state里面数据的场所
  • actions:异步操作
  • modules:模块化管理store(仓库),每个模块都有自己的state,getters,mutations,actions
如何使用 —

store—>index.js

import vue from 'vue'
import Vuex from 'vuex'
Vue.use(vuex);

const state= ()=>{ token:''}

const actions = {
  set_token({commit},val){
    commit("to_token",val)
 }
}
const mutations = {
  to_token(state,val){
   state.token=val;
 }
}
const getters = {}
let store = new Vuex.store({
 state,
 actions,
 mutations,
 getters
})

module.export=store;

home.vue



                    
                    

你可能感兴趣的:(vue)