美文网首页好的
100.VUE的优化

100.VUE的优化

作者: davisgao | 来源:发表于2018-11-04 17:55 被阅读0次

1.去掉后缀为map的文件

修改config/index.js,测试时打开true,生产时关闭false

productionSourceMap: false,

2.删除vendorXXX.js,通过CND引入

vendor文件由依赖库编译产生,如Vue、Element

  <body>
    <div id="app"></div>
    <script type="text/javascript" src="https://cdn.bootcss.com/vue/2.5.17-beta.0/vue.common.js"></script>
    <!-- built files will be auto injected -->
  </body>

3.路由懒加载

import Vue from 'vue'
import Router from 'vue-router'

const routes = [
  {
    path:'/',
    component:resolve => require(['@/vs/index/main'],resolve),
    children:[
      {
        path:'/home',
        component:resolve => require(['@/views/home/index'],resolve)
      }
    ]
  }
]

const router = new Router({
  routes
})
export default router;

相关文章

  • 100.VUE的优化

    1.去掉后缀为map的文件 修改config/index.js,测试时打开true,生产时关闭false 2.删除...

  • 内存优化

    内存优化、UI优化(布局优化、会只优化)、速度优化(线程优化、网络优化)、启动优化、电量优化 内存优化 内存抖动:...

  • 网站内部优化的流程介绍

    站内优化:网站本身内部的优化,其中包括代码优化、标签优化、内容优化、url优化等; 站内优化的重要性: 站内优化是...

  • Android进阶之性能优化

    一、性能优化分类 布局优化 绘制优化 内存泄漏优化 响应速度优化 ListView优化 Bitmap优化 线程优化...

  • 性能优化

    内容优化 服务器优化 Cookie优化 CSS优化 javascript优化 图像优化

  • Android应用的性能优化

    应用性能的优化主要包括以下几个方面: App启动优化 布局优化 响应优化 内存优化 电池使用优化 网络优化 1.A...

  • iOS的优化

    面试的时候,优化的问题,问的挺多的iOS的优化分为很多,卡顿优化,耗电优化,启动优化,网络优化等 卡顿优化 首先的...

  • Android开发艺术探索之性能优化笔记

    Android性能优化 一,优化内容 布局优化、绘制优化、内存泄漏优化、响应速度优化、ListView优化、Bit...

  • Android性能优化

    Android性能优化包括布局优化、绘制优化、内存优化、线程优化、响应速度优化、Bitmap优化和ListView...

  • 对于手游的优化

    给手游做优化,无非就CPU性能优化、内存性能优化、资源优化、GPU优化、IO优化、网络优化、耗电优化这些,为此汇总...

网友评论

    本文标题:100.VUE的优化

    本文链接:https://www.haomeiwen.com/subject/ldcdxqtx.html