vue3 使用pinia

安装:

javascript 复制代码
 npm install pinia

min.js中引入

javascript 复制代码
import { createApp } from 'vue'
import App from './App.vue'
import { createPinia } from "pinia";
const pinia = createPinia();
const app = createApp(App);
app.use(pinia);
app.mount("#app");

创建仓库 store/user.js

javascript 复制代码
import { defineStore } from "pinia"
export const useUsersStore = defineStore('users', {
    // 其它配置项
    state: () => {
        return {
            name: "张三",
            }
        };
    },
    getters: {

    },
    actions: {

    }
})

使用:

javascript 复制代码
<script setup>
import { useUsersStore } from "@/store/user.js";
const useUsers = useUsersStore();
console.log(useUsers.name); //张三
</script>
相关推荐
草履虫建模2 分钟前
A13 String 详解:不可变、常量池、equals 与 ==、性能与常见坑
java·开发语言·spring·jdk·intellij-idea·java基础·新手
Trae1ounG4 分钟前
Vue Iframe
前端·javascript·vue.js
阿部多瑞 ABU4 分钟前
`tredomb`:一个面向「思想临界质量」初始化的 Python 工具
前端·python·ai写作
知无不研7 分钟前
内存碎片与内存优化
开发语言·c++·内存优化·内存碎片·内存操作
invicinble8 分钟前
学习的门道和思路
java·开发语言·学习
m0_5613596711 分钟前
C++模块接口设计
开发语言·c++·算法
矢志航天的阿洪13 分钟前
从GitHub到本地:Python IGRF库环境配置完全指南
开发语言·python·github
从此不归路19 分钟前
Qt5 进阶【11】图形视图框架:用 QGraphicsView 搭一个流程图编辑器
开发语言·c++·qt
老骥伏枥~19 分钟前
【C# 入门】程序结构与 Main 方法
开发语言·c#
比特森林探险记25 分钟前
React API集成与路由
前端·react.js·前端框架