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>
相关推荐
xier1234563 分钟前
高性能和高灵活度的react表格组件
前端
曦曜2924 分钟前
富文本编辑器
javascript
你打不到我呢5 分钟前
nestjs入门:上手数据库与prisma
前端
多啦C梦a6 分钟前
React 实战:从 setInterval 到 useInterval,一次搞懂定时器 Hook(还能暂停!)
前端·javascript·react.js
Fairy_sevenseven7 分钟前
[1]python爬虫入门,爬取豆瓣电影top250实践
开发语言·爬虫·python
闲不住的李先森12 分钟前
乐观更新
前端·react.js·设计模式
笔尖的记忆19 分钟前
【前端架构和框架】react组件化&数据流
前端·面试
zhangzelin88827 分钟前
TypeScript入门指南:JavaScript的类型化超集
前端·javascript·其他·typescript
lichenyang45335 分钟前
流式聊天界面实现解析:从零到一构建实时对话体验
前端
天蓝色的鱼鱼35 分钟前
Turbopack vs Webpack vs Vite:前端构建工具三分天下,谁将胜出?
前端·webpack