플러그인에서 Vuex 저장소를 사용하는 방법

플러그인에서 Vuex 저장소를 사용하는 방법

사용자 지정 인스턴스 메서드를 사용하는 사용자 지정 Vue 플러그인이 있습니다.

import Echo from 'laravel-echo';
import Vue from 'vue';
import config from '@/config';

const echor = {
    install(Vue){
        Vue.prototype.$echo = options => {
            return new Echo({
                // how can I get store value inside an instance methods?
                auth: {
                    headers: {
                        Authorization: `${store.state.auth.token.token_type} ${store.state.auth.token.access_token}`
                    }
                }
            });
        }
    }
};

Vue.use(echor);

인스턴스 메서드 내에서 저장 값을 가져오려면 어떻게 해야 합니까?Authorization헤더가 작동합니까?검색해 봤지만 도움은 안 돼요

정말 고마워.

플러그인의 플러그인에 스토어에 대한 인수를 추가할 수 있습니다.install방법:

install(Vue, store){
...
}

플러그인 사용자는 다음과 같이 플러그인을 호출합니다.

import echor from '@/echor';  // or however you distribute it
import store from '@/store';  // user's own store

Vue.use(echor, store);

이 방법으로 인스톨 기능에 임의의 수의 인수를 추가할 수 있습니다.

언급URL : https://stackoverflow.com/questions/65713184/how-to-use-vuex-store-in-a-plugin