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>
相关推荐
乐观的用户几秒前
搞懂虚拟列表实现原理与步骤
前端·vue.js
Heo几秒前
Webpack高级之常用配置项
前端·javascript·面试
u***u68518 分钟前
PHP在电商中的WooCommerce
开发语言·php
冠希陈、21 分钟前
PHP 过滤敏感词(含类库)
开发语言·php·内容敏感词
Mike_jia33 分钟前
DBSyncer:开源数据同步中间件全景实战指南
前端
qq_4017004137 分钟前
Qt Positioning 模块访问设备地理位置信息
开发语言·qt
1***s63240 分钟前
C++移动语义优化
开发语言·c++
y***866943 分钟前
JavaScript在Node.js中的Electron
javascript·electron·node.js
烛阴1 小时前
从`new`关键字开始:精通C#类与对象
前端·c#
天若有情6731 小时前
笑喷!乌鸦哥版demo函数掀桌怒怼主函数:难办?那就别办了!
java·前端·servlet