Laravel Vuex状态在拉雷维尔不显示

我有一个Laravel安装，希望在前端使用vuejs。所以，我运行了npm安装--保存vuex，所有的安装都成功了

在app.js（/resources/js/app.js）中，我导入了存储文件并将其添加到vue实例对象：

import store from './store/store'

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

在store.js中，我有以下几点：

import Vue from 'vue'
import Vuex from 'vuex'

import jobs from './modules/jobs'

Vue.use(Vuex)

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

jobs.js（store/modules/jpbs.js）：

最后，如果我从州政府或获得者那里得到任何东西，我试图测试事情的进展：

    <button type="button" class="btn bgDark mt-2" data-toggle="modal" data-target="#exampleModalCenter">
    Add New {{ this.$store.state.value }}
    </button>

添加新的{this.$store.state.value}

当我访问我的站点时，该值不会显示，并且在控制台中也不会看到错误

---

vuex配置中是否有我遗漏的内容？

此

不应在html模板中使用，Vue会自动假定变量或对象写在括号中

{}

是此的属性

如果您试图从jobs.js模块中获取值，则需要如下引用：

this.$store.state.jobs.value

（此选项是可选的）

如果您查看中的第一个示例，最后两行代码是

store.state.a
store.state.b

---

其中a和b是模块名称（在您的案例中是作业）

除非您省略了一些

模块/jobs.js

文件，否则您缺少模块的导出。实际上，缺少导出，我刚刚更新了我的问题。我仍然看不到状态的值。好的，所以我使用：returnthis.$store.state.jobs.value；好的，那么它应该始终是$store，然后是（state，getters），模块名，然后是属性？是的，除非您使用mapState或mapGetters帮助程序，它允许您映射到变量名：

…mapState（{value:state=>state.jobs.value}）

现在你可以到处调用

这个.value

store.state.a
store.state.b