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>
相关推荐
前端世界几秒前
float 还是 double?用储罐体积计算带你看懂 C 语言浮点数的真实世界坑
java·c语言·开发语言
豐儀麟阁贵3 分钟前
8.5在方法中抛出异常
java·开发语言·前端·算法
zengyuhan50333 分钟前
Windows BLE 开发指南(Rust windows-rs)
前端·rust
Bro_cat33 分钟前
Java基础
java·开发语言·面试
滨HI033 分钟前
C++ opencv简化轮廓
开发语言·c++·opencv
小青龙emmm35 分钟前
2025级C语言第二次周测(国教专用)题解
c语言·开发语言·算法
醉方休36 分钟前
Webpack loader 的执行机制
前端·webpack·rust
前端老宋Running44 分钟前
一次从“卡顿地狱”到“丝般顺滑”的 React 搜索优化实战
前端·react.js·掘金日报
隔壁的大叔1 小时前
如何自己构建一个Markdown增量渲染器
前端·javascript
用户4445543654261 小时前
Android的自定义View
前端