Vue js 重新加载我的页面后我的数据丢失了

Question

我有页面重新加载问题。
当我在 Vscode 上保存时，它在我的 html 页面上正常工作，但是当我刷新页面时，我的数据未定义。
商店中的数据运行良好，但它只是在视图配置文件上，只有在重新加载我的页面后它才不起作用。
如果有什么建议，我是索取者，我不知道该怎么做了。

views/Profil:

<div class="input-group mb-3">
            <span class="input-group-text" id="form-lastName">Nom :</span>
            <input
              type="text"
              class="form-control"
              aria-label="Username"
              v-model="lastName"
              ref="string"
            />
          </div>
          <div class="input-group mb-3">
            <span class="input-group-text" id="form-firstName">Prénom :</span>
            <input
              type="text"
              class="form-control"
              aria-label="Username"
              v-model="firstName"
              ref="string"
            />
          </div>


----------


export default {
  name: "ProfilC",
  data: function () {
    return {
      lastName: "",
      firstName: "",
      selectedFile: "",
    };
  },
  components: {
    NavbarC,
  },
  mounted: function () {
    this.lastName = this.$store.state.userInfos.user_lastName;
    this.firstName = this.$store.state.userInfos.user_firstName;


----------
sotre/index.js

const store = createStore({
  state: {
    status: '',
    user: user,
    userInfos: {
      nom: '',
      prenom: '',
      email: '',
      image: '',
    },
    dataArticles: [],
    dataComments: [],
    articleInfos: {
      message: '',
      image: '',
    },
    comments: [],
  },

  mutations: {
    
    userInfos: function (state, userInfos) {
      state.userInfos = userInfos;
    },
},

Answer 1

我看到你在使用 vuex ，你安装 vuex 了吗 persisted-state 页面重新加载时保存了数据

Vue js 重新加载我的页面后我的数据丢失了

Vue js my data lost after reloading my page

javascript

vue.js

vuejs3