天天看點

vue 在js 檔案中使用store_vue+typescript項目 在js單檔案中引入store失敗?

1、在項目中定義了一個對axiox進行配置的檔案,其中需要引入vuex,在response的status狀态不等于200的時候改變store中的值。但是一直引入store檔案時,列印出來一直是undefined。mian.ts檔案中也引入了store,确是可以列印出來東西的。

2、截圖

檔案目錄

vue 在js 檔案中使用store_vue+typescript項目 在js單檔案中引入store失敗?

列印結果

vue 在js 檔案中使用store_vue+typescript項目 在js單檔案中引入store失敗?

import axios from 'axios'

import { Message } from 'element-ui'

import { getToken, setCookie, getCookie } from '@/utils/auth'

import store from '@/store/index'

console.log('store', store)

4、index.ts檔案

import Vue from 'vue'

import Vuex, { StoreOptions } from 'vuex'

import { RootState } from './modules/types'

import { app } from './modules/app'

import { user } from './modules/user'

import { permission } from './modules/permission'

Vue.use(Vuex)

const store: StoreOptions = {

state: {

version: '1.0.0'

},

modules: {

app,

user,

permission

}

}

export default new Vuex.Store(store)

5、入口檔案mian.ts

import Vue from 'vue'

import App from './App.vue'

import router from './router/index'

import store from './store/index'

import './plugins/element'

import components from './components/IcarePhone'

import 'normalize.css/normalize.css' // A modern alternative to CSS resets

import '@/styles/index.scss' // global css

import './icons/index' // icon

import './permission' // permission control

import './utils/base'

// 手動引入 ECharts 各子產品來減小打包體積

import 'echarts/lib/chart/bar'

import 'echarts/lib/component/tooltip'

console.log('store', store)

// 全局引入自定義元件

Vue.use(components)

Vue.config.productionTip = false

new Vue({

router,

store,

render: (h) => h(App)

}).$mount('#app')