账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    vue更新保存超级慢
    68
    0

    今天刚接了一个神奇的项目,用的是vue脚手架工具
    然后运行项目启动要3分钟的样子,最糟糕的修改的时候更新短则3到4分钟,慢则5-6分钟
    然后原因是因为一个项目里有好多子项目,在路由那块配置了好多路由块,
    一个块里面有好十几个路由,我也不知道那些人是怎么过来的,
    我用了下require.ensure去加载路由,但是效果也不好,还是很慢,请问下这种问题要怎么解决,
    不然一按保存就要等下几分钟,简单神精病

    import bizCar from './bizCar.js'
    import ticketBook from './ticketBook.js';
    import travelApply from './travelApply.js';
    import feeApply from './feeApply.js';
    import cashApply from './cashApply.js';
    import travelReimburse from './travelReimburse.js';
    import feeReimburse from './feeReimburse.js';
    import myBills from './myBills.js';
    import expenseRecord from './expenseRecord.js';
    import approve from './approve.js';
    import walletFolder from './walletFolder.js';
    import mine from './mine.js';
    import myInvoice from './myInvoice.js';
    
    const index = resolve => require(['../components/index'], resolve);
    const login = resolve => require(['../components/login/login'], resolve);//统一登录组件
    const example = resolve => require(['../components/example'], resolve);
    
    /*路由配置*/
     const routes = [
       {
         name: 'index',
         path: '/',
         component: index
       },
       {
         name: 'login',
         path: '/login',
         component: login
        },
       bizCar,
       approve,
       ticketBook,
       travelReimburse,
       travelApply,
       feeApply,
       cashApply,
       myBills,
       walletFolder,
       expenseRecord,
       myInvoice,
       mine,
       feeReimburse,
       {
         path: '/example',component: example
       }
     ]
     export default routes
    
    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • ╰︶賴床專業戶こ 普通会员 1楼

      Vue 的更新速度可能会受到多种因素的影响,以下是一些可能导致 Vue 更新速度变慢的常见原因:

      1. 数据库操作:如果你的 Vue 渲染的组件中的数据经常更新,那么可能会导致性能瓶颈。可以考虑使用 Vue 的 Prop 和 vuex 以更好地管理数据。

      2. 边缘计算:Vue 使用了 Element UI 等库进行前端渲染,这些库提供了异步渲染和数据绑定功能。然而,如果代码中涉及到大量计算或者渲染操作,可能会导致性能瓶颈。可以考虑使用 Element UI 的懒加载、组件化的特性,或者使用 Vue 自带的生命周期钩子等方法来优化性能。

      3. 代码复杂性:如果你的代码结构过于复杂,或者包含了大量的回调函数和同步操作,那么可能会影响到性能。可以尝试简化代码结构,减少回调函数和同步操作,或者使用 Vue 的 template 的内联组件来提高性能。

      4. 版本控制:如果你的 Vue 库版本过旧,那么可能会导致性能瓶颈。可以尝试升级 Vue 库版本,或者使用一些第三方的 Vue 版本控制工具,如 Git。

      5. 硬件配置:如果你的计算机硬件配置较低,那么可能会影响到 Vue 的性能。可以尝试升级硬件配置,或者使用一些优化技术,如 CPU 分配、内存优化等。

      以上只是一些可能的原因,具体的性能瓶颈还需要根据你的代码和测试结果来确定。如果你仍然遇到了性能问题,建议你进行详细的测试和分析,找出性能瓶颈的具体原因,并针对性地进行优化。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部