26 vue3 Pinia的安装配置

首先介绍一下 pinia，Pinia官网

我们都用过vuex吧，知道vuex是vue的状管理器，那pinia也是vue的状态管理器，解决问题的目的都是一样的，是 Vue 的另一种状态管理方案，相比于vuex，pinia的优势在于

符合直觉，易于学习；

大小仅有1kb

有着模块化的思想，便于管理

1. 新建vue3项目，不再多说了。。。

2. 安装pinia

npm install pinia@next

3. src下新建目录store，下新建一个js文件，我这里新建了一个app.js

 4. 去到项目的main.js中

 5. 在app.js中写入一下测试代码

import {defineStore} from "pinia"

export const appStore = defineStore('appStore', {  //第一个参数为id，如果不再此处写id，可在配置选项中写id，总之id是必须的，而且是唯一的
    // id:'appStore', //该 id 是必要的，主要是用于 vue devtools
    state: () => ({
        baseUrl: 'https://www.baidu.com/'
    })
})

6. 随便找一个页面

页面显示，如下success

下一篇

27 vue3 Pinia取值_十一月的萧邦-CSDN博客