zoukankan      html  css  js  c++  java
  • vue-vuecli4文件执行顺序

    入口文件

    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文件,先挂载变量,后执行引入语句

  • 相关阅读:
    local http
    redis 存储时间区间的数据
    json 和 jsonp
    ssdb 常用命令行
    php 冒泡排序
    pdo 函数
    异步的消息队列
    php 全局变量$_SERVER
    php 技能树
    get_called_class/get_class方法
  • 原文地址:https://www.cnblogs.com/ycyc123/p/15079299.html
Copyright © 2011-2022 走看看