Vue3_pinia使用

安装

cnpm install pinia

 新建store目录，在store目录下创建loginUser.js

import { defineStore } from 'pinia'
import {ref} from 'vue'
export const userLoginStore = defineStore('loginUser', () => {
    let loginUserInfo = ref({})
    function setUserInfo(data){
        this.loginUserInfo = data
    }
    return { loginUserInfo, setUserInfo }
 
})

 

 在页面中使用

登录页面

 首页

 即可看到打印出来了数据