Laravel Nova Tool에 Vuex를 추가하는 방법

Laravel Nova Tool에 Vuex를 추가하는 방법

커스텀 생성 Laravel Nova 툴에 Vuex 스토어를 추가하려면 어떻게 해야 합니까?

Medium 토픽에서 이 게시물을 찾았는데, de Tool에 매장이 나타나지 않았습니다.vue 컴포넌트

이 프로젝트에서는 Nova 1.3.2를 사용하고 있습니다.

Nova는 이미 Vuex를 사용하고 있으며 기존 스토어에 자체 Vuex 스토어 모듈을 추가할 수 있습니다.

이 내용은 설명서에 나와 있지 않기 때문에 새로운 버전에서도 계속 사용할 수 있을지 모르겠지만, Nova 1.3에서는 효과가 있는 것 같습니다.

다음과 같이 Vuex 모듈을 nova-components/MyTool/resources/js/tool.js에 등록할 수 있습니다.

import datastore from './store/datastore'


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

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


});

Tool.vue에서는 다음과 같이 사용할 수 있습니다.

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

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

Nova는 이 동일한 저장소에 모든 리소스를 추가하므로 충돌을 방지하려면 이름 지정 저장소를 사용해야 합니다.

이것으로 시간을 절약할 수 있기를 바랍니다.

언급URL : https://stackoverflow.com/questions/58520148/how-do-i-add-vuex-to-my-laravel-nova-tool