1.安装适合Vue3.x的版本
可以先执行命令npm view pinia versions查看所有pinia的版本,找到适合的版本
目前笔者使用的版本是2.0.3,其实影响也不大
2.定义仓库名以及仓库的使用
// employee仓库的声明
import { defineStore } from "pinia";
export const useEmployeeStore = defineStore("employee", {
state: () => ({
employeeList: []
}),
getters: {
getEmployeeList(state) {
return state.employeeList;
}
},
actions: {
setEmployeeList(list) {
this.employeeList = list;
}
}
});
// 调用
<script setup>
import { useEmployeeStore } from "@/store/modules/employee.js";
// 获取声明的仓库
const store = useEmployeeStore();
// 获取仓库的属性
console.log(store.setEmployeeList([]), store.employeeList);
</script>