使用pinia管理vuex的用法

86 阅读1分钟

首先要安装pinia, 执行命令npm install pinia

main.js
我们全局注册pinia

// pinia
import { createPinia } from 'pinia'

const app = createApp(App)
app.use(createPinia())
app.mount('#app')

创建一个store文件夹,创建adminStore.js文件(自己命名即可,不需要一样)

import { defineStore }  from 'pinia'

export const adminStore = defineStore('admin', {
    state: () => {
        return {
            token: 'a'
        }
    },
    // 在pinia我们使用actions去写方法,不使用mutations
    actions: {
        setUserToken(token) {
            this.token = token
        },
    }
})

在页面中使用

```js
import { adminStore } from '@/store/adminStore'
let store = adminStore()
console.log('store', store.token)