Vue pinia使用

state新建文件index.js

import { defineStore } from 'pinia' //使用前导入
import { reactive } from 'vue'
export const usellStore = defineStore('ll', () => {
    const user = reactive({
        username: "陈明祥",
        password: "520",
        sex: "男",
        monry: 100000
    })

    function UpdateUser() {
        user.username = "流浪"
    }


    return { user, UpdateUser }

    // 在 Setup Store 中：
    // ref() 就是 state 属性
    // computed() 就是 getters
    // function() 就是 actions
})

使用步骤

<template>
    <div>
        <h1>hello</h1>
    </div>
</template>

<script setup lang="ts">
import { usellStore } from '@/state/index'
const userll = usellStore()
//更改属性我们推荐使用后
userll.$patch({
    user: {
        username: "XXX"
    }
})
console.log(userll.user.username)

//访问方法
userll.UpdateUser()
</script>

<style scoped></style>