vue3中vuex与pinia

前言:

        vue中状态管理库是vuex,在vue3出来以后,vuex的团队核心成员在修改部分功能后,开发除了一款轻量级的 pinia,在这里聊聊他们的区别和优缺点。

1、安装

vuex

npm install vuex@next --save

pinia

npm install pinia@next

2、用法

vuex在vue3中的写法和用法

// store.js
import { createStore } from 'vuex'
 
export default createStore({
    // 定义数据
    state: { a:1 },
    // 定义方法
    mutations: {
        xxx(state,number){
            state.a = number
        }
    },
    // 异步方法
    actions: { },
    // 获取数据
    getters: { getA:state=>return state.a }
})
 
// 在vue3中使用


                    
                    

你可能感兴趣的:(vue3,vue.js,vue3)