vue js 用户状态管理在 vue js 3 上无法正常工作

Answer 1

您的用户在您的 Vue.JS 应用程序实例中是

undefined

，因为他从不从您的 Laravel ap 获取数据。 您将它们从窗口传递出去，但永远不会影响它们。

实现此目的的最佳方法是在初始化时通过商店传递 Vue.JS 应用程序中的用户。

这是一个应用程序 div 包装器的简单示例

<div id="app" :data-user="json_encode(Auth::user())"></div>

你的 Vue.JS 应用程序的初始化应该如下所示：

import { createApp } from 'vue'
import MainApp from './MainApp.vue'
import store from './store.js';

const currentUser = document.querySelector('#app').dataset.user;
store.commit('updateUser', currentUser);

const app = createApp(MainApp)
app.use(store)

在您的模板中，您现在可以从商店访问用户。