vue3.0实现todolist(6)定义状态管理

状态管理 达到了数据共享

import { createStore } from 'vuex'

export default createStore({
  //定义所需要的状态的
  state: {
    name:'jack'
  },
  //同步修改state 都是方法 用来做异步操作 包括定时器 发请求
  //第一个参数state 第二个参数是需要修改的值
  mutations: {
    setName(state,payload){
      state.name=payload
      state.name.slice(0,1)
    }
  },
  //异步提交mutation
  //第一个参数是store对象 第二个参数是修改的值
  actions: {
    asyncSetName(store,params){
      setTimeout(()=>{
        //commit是提交mutation 调用mutation的方法
        store.commit('setName',params)
      },2000)
    }
  },
  //模块化的
  modules: {
    
  }
})