pinia的使用以及持久化存储

vuex和pinia的区别

  1. pinia没有mutations,只有:state、getters、actions;
  2. pinia分模块不需要modulles(之前vuex分模块需要modules)
  3. pinia体积更小(性能更好);
  4. pinia可以直接修改state数据;

一、安装使用

1、安装下载

npm install pinia 
# or 
yarn add pinia

2、main.js引入

import {createPinia} from 'pinia' app.use(createPinia())

3、根目录创建store/index.js中写入

import {defineStore} from "pinia"
export const userStore = defineStore("",{
    state:()=>{
        return{
            count:0
        }
    },
    getters:{},
    actions:{}
})

4、组件使用

5、修改stroe中的数据


                    
                    

你可能感兴趣的:(pinia,vue.js,前端)