入口文件
console.log(1111);
import Vue from 'vue'
import App from '@/App.vue'
// import router from '@/router'
import router from '@/router/permision'
import store from '@/store'
import '@/utils'
Vue.config.productionTip = false
new Vue({
router,
store,
render: h => h(App)
}).$mount('#app')
我们都知道入口文件时 main.js 但是此处并未先打印1111
它会先执行import 其次再打印,在开发过程中我就遇到一个这样的问题
我先在vue上挂载变量
在使用中,发现我挂在的变量居然时未定义 Vue.prototype.uploadUrl
调试发现居然先执行的时这个js文件 后执行其他
原因是因为先执行import 语句,导致先执行http文件的时候,vue上变量还未定义
解决方法
把需要后执行的import语句写入另一个js文件,先挂载变量,后执行引入语句