Vue3.0实现todolist-Vue3.0定义状态管理

state：定义所需要的状态的，在这里定义的数据每个组件都可以使用，达到了数据共享
mutations：同步修改state 都是方法
actions：异步提交mutation
modules：模块化

import { createStore } from 'vuex'

export default createStore({
    //定义所需要的状态的
    state: {
        name: 'jack'
    },
    //同步修改state  都是方法
    //第一个参数state 第二个参数是需要修改的值
    mutations: {
        setName(state, payload) {
            state.name = payload
        }

    },
    //异步提交mutations
    //第一个参数store 对象   第二个参数是需要修改的值

    //写一个定时器，两秒之后修改name，
    //store.commit是提交mutation就是调用mutation的方法
    //第一个参数写mutation的名字，就是字符串setName，第二个是传入我们需要修改的数据

    actions: {
        asyncsetName(store, params) {
            setTimeout(() => {
                //commit是提交mutation 调用mutation方法
                store.commit('setName', params)
            }, 2000)
        }

    },
    //模块化
    modules: {

    }
})