Question

我正在Vuex中使用Vue.js。

首先，如果我将商店放置在main.js中。奏效了。

但是，当我将商店拆分为一个名为store.js的文件时，它不起作用。

src / store.js

src / main.js

store.js

import Vue from 'Vue'
import Vuex from 'Vuex'

Vue.use(Vuex);

export const store = new Vuex.Store({
  state: {
    title: 'Hello from the Vuex Store',
  }
});

main.js

import { store } from './store.js';

new Vue({
  el: '#app',
  store: store,
)};

我试图console.log(store)

并且我得到了一个错误的提交，这就是为什么我知道它不起作用的原因。其他所有方法都是正确的，因此我不包含在代码中。

这是我console.log的屏幕截图： enter image description here

Answer 1

以这种方式尝试，它过去对我有用。

store.js

import Vue from 'Vue'
import Vuex from 'Vuex'

Vue.use(Vuex);

window.store = new Vuex.Store({
  state: {
     title: 'Hello from the Vuex Store',
  }
});

main.js

require('store.js');

let vm = new Vue({
  el: '#app',
  store,
)};

Answer 2

神奇的是，我需要添加：

import Vuex from 'Vuex'
Vue.use(Vuex);

在main.js中

使Vuex正常工作。无论如何，我希望这个问题对Vuex初学者有所帮助。

将Vuex存储拆分为单独的文件将提交为false

2 个答案: