내보내기 Const에서 Vue 인스턴스 액세스

내보내기 Const에서 Vue 인스턴스 액세스

멀티파일 Vue 어플리케이션을 만들고 있습니다.내 인스턴스는 내보내기와는 다른 파일로 생성됩니다.사용방법을 알고 싶습니다.this.$스토리지가 제대로 되어 있습니다.

설정은 다음과 같습니다.

app.module

import Vue from 'vue'
import store from '~/store'
import Vue2Storage from 'vue2-storage'

Vue.use(Vue2Storage, {
    prefix: 'app_',
    driver: 'local',
    ttl: 60 * 60 * 1000
})

app = new Vue({
    mixins: [..instance created here..],
    store
})

store/index.displaces

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

Vue.use(Vuex)

// Load store modules dynamically.
const requireContext = require.context('./modules', false, /.*\.js$/)

const modules = requireContext.keys()
    .map(file =>
        [file.replace(/(^.\/)|(\.js$)/g, ''), requireContext(file)]
    )
    .reduce((modules, [name, module]) => {
        if (module.namespaced === undefined) {
        module.namespaced = true
        }

        return { ...modules, [name]: module }
    }, {})

export default new Vuex.Store({
    modules
})

저장/판매/교환js

...

export const actions = {
    getExchanges ({ commit, dispatch }) {
        if (this.$storage.has('exchange.list')) {
        return this.$storage.get('exchange.list')
        } else {
        return Trade.getExchanges()
            .then(exchanges => {
            commit(types.SET_EXCHANGES, exchanges)
            })
            .catch(error => console.error(error))
        }
    }
}

...

언급URL : https://stackoverflow.com/questions/53043097/access-vue-instance-in-export-const