有时当我使用 createApp(App).use(...)... 一切都消失了

Question

我试图在我的 vue 中使用 vuex project.When 我直接使用商店，一切都是 fine.But 当我尝试将商店放入模块中然后使用它时，一切都消失了。

此外，如果我从 router.js 导入路由器并使用它，一切都会消失。

超级困惑。

我直接使用的方式

import a from "./store/modudel/a"

我放入模块的方式

// main.js
import store from "./store/index";

createApp(App)
  .use(store)
  .mount("#app");

// store/index.js
import Vue from 'vue';
import Vuex from 'vuex';

import a from './module/a';

Vue.use(Vuex);

export default new Vuex.Store({
  modules: {
    a
  }
});

Answer 1

您的 store/index.js 包含特定于 Vue 2 的代码，但您的 main.js 是针对 Vue 3 的。此代码应该导致开发终端中的 linter 错误或浏览器控制台中的运行时错误。

假设您有一个带有 Vuex 4 的 Vue 3 项目，等效的商店代码将是：

// store/index.js
import { createStore } from 'vuex';

import a from './module/a';

export default createStore({
  modules: {
    a
  }
});

有时当我使用 createApp(App).use(...)... 一切都消失了

sometimes when I use createApp(App).use(...)... everything disappear

vue.js

vuex