组合式API风格

如果你很喜欢组合式API的代码风格，我们甚至可以在Store中采用组合式API来实现

这会让你上手 pinia 更迅速

xxxxxxxxxx
import { defineStore } from "pinia"
import { reactive } from "vue"

export const useUserInfoStore = defineStore('userinfo',() =>{
    const userInfo = reactive({
        name:"iwen",
        age:20
    })
    return {
        userInfo
    }
})

xxxxxxxxxx
<template>
    <h3>用户信息</h3>
    <p>Name:{{ userInfo.name }}</p>
    <p>Age:{{ userInfo.age }}</p>
</template>
<script setup>
import { useUserInfoStore } from "../store/userInfo"
const { userInfo } = useUserInfoStore()
</script>

创建项目同时引入pinia

通过选择方式安装pinia

这种方式默认常见出来的就是组合式API风格