Php 如何将Vuex添加到我的Laravel Nova工具？

如何将Vuex存储添加到自定义生成的Laravel Nova工具

我在上的主题上找到了这篇文章，但该商店没有出现在de Tool.vue组件中

---

我在本项目中使用Nova 1.3.2。

我发现Nova已经在使用Vuex，您可以将自己的Vuex存储模块添加到现有存储中

文档中没有介绍这一点，所以我不知道它是否能在新版本中继续工作，但它似乎在Nova 1.3中起到了作用

您可以将Vuex模块注册到nova组件/MyTool/resources/js/tool.js，如下所示：

import datastore from './store/datastore'


Nova.booting((Vue, router, store) => {
    store.registerModule(
        'mynamespace/datastore', datastore
    );

    // router.addRoutes( ......


});

<template>
    <div>
      {{ testing }}
    </div>
</template>

<script>
    import {mapGetters} from 'vuex'
    export default {
        mounted() {
        },
        computed: {
            ...mapGetters({
                testing: 'mynamespace/datastore/testing'
            })
        }
    }
<script>

您可以在Tool.vue中使用它，如下所示：

import datastore from './store/datastore'


Nova.booting((Vue, router, store) => {
    store.registerModule(
        'mynamespace/datastore', datastore
    );

    // router.addRoutes( ......


});

<template>
    <div>
      {{ testing }}
    </div>
</template>

<script>
    import {mapGetters} from 'vuex'
    export default {
        mounted() {
        },
        computed: {
            ...mapGetters({
                testing: 'mynamespace/datastore/testing'
            })
        }
    }
<script>

{{测试}
从“vuex”导入{mapGetters}
导出默认值{
安装的（）{
},
计算：{
…地图绘制者({
测试：“mynamespace/数据存储/测试”
})
}
}

Nova正在将所有资源添加到此同一存储中，因此您必须使用名称空间存储来防止冲突

我希望这能为你节省一些时间