From 366795c7265d4d62d311167eb2f075de2e476ecf Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E2=80=98chen=2Ehome=E2=80=99?= <1147347984@qq.com> Date: Mon, 8 Aug 2022 01:12:01 +0800 Subject: [PATCH] =?UTF-8?q?chore(projects):=20=E5=A2=9E=E5=8A=A0pinia?= =?UTF-8?q?=E5=85=A8=E5=B1=80=E7=8A=B6=E6=80=81?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- package.json | 1 + src/main.ts | 3 +++ src/store/index.ts | 7 +++++++ src/store/modules/index.ts | 1 + src/store/modules/user.ts | 12 ++++++++++++ src/views/test/test2.vue | 5 +++++ 6 files changed, 29 insertions(+) create mode 100644 src/store/index.ts create mode 100644 src/store/modules/index.ts create mode 100644 src/store/modules/user.ts diff --git a/package.json b/package.json index 52516d3..ca7153c 100644 --- a/package.json +++ b/package.json @@ -25,6 +25,7 @@ }, "dependencies": { "axios": "^0.27.2", + "pinia": "^2.0.17", "vue": "^3.2.37", "vue-router": "^4.1.3" }, diff --git a/src/main.ts b/src/main.ts index 5764435..9ec7a20 100644 --- a/src/main.ts +++ b/src/main.ts @@ -2,6 +2,7 @@ import { createApp } from 'vue'; import App from './App.vue'; import { setupRouter } from './router'; import { setupAssets } from './plugins'; +import { setupStore } from './store'; async function setupApp() { // 引入静态资源 @@ -10,6 +11,8 @@ async function setupApp() { const app = createApp(App); // 安装router await setupRouter(app); + // 安装pinia全局状态库 + setupStore(app); // 挂载 app.mount('#app'); } diff --git a/src/store/index.ts b/src/store/index.ts new file mode 100644 index 0000000..397cd23 --- /dev/null +++ b/src/store/index.ts @@ -0,0 +1,7 @@ +import { createPinia } from 'pinia'; +import type { App } from 'vue'; + +export function setupStore(app: App) { + const store = createPinia(); + app.use(store); +} diff --git a/src/store/modules/index.ts b/src/store/modules/index.ts new file mode 100644 index 0000000..e5abc85 --- /dev/null +++ b/src/store/modules/index.ts @@ -0,0 +1 @@ +export * from './user'; diff --git a/src/store/modules/user.ts b/src/store/modules/user.ts new file mode 100644 index 0000000..b4e307d --- /dev/null +++ b/src/store/modules/user.ts @@ -0,0 +1,12 @@ +import { defineStore } from 'pinia'; + +// useStore 可以是 useUser、useCart 之类的任何东西 +// 第一个参数是应用程序中 store 的唯一 id +export const useStore = defineStore('user-store', { + // other options... + state: () => { + return { + name: '张三', + }; + }, +}); diff --git a/src/views/test/test2.vue b/src/views/test/test2.vue index 4f15d51..a0a4f15 100644 --- a/src/views/test/test2.vue +++ b/src/views/test/test2.vue @@ -1,9 +1,14 @@