zoukankan      html  css  js  c++  java
  • component: resolve => require(['../pages/home.vue'], resolve)-装载


    import Vue from 'vue'
    import VueRouter from 'vue-router'
    // "@"相当于".."
    import Detail from '../pages/goodsDetail'
    import Msg from '../components/message.vue'

    // 使用路由
    Vue.use(VueRouter)

    export default new VueRouter({
    mode: 'history',
    routes: [
    {
    // 进行路由配置,规定'/'引入到home组件
    path: '/',
    component: resolve => require(['../pages/home.vue'], resolve),
    meta: {
    title: 'home'
    }
    },
    {
    path: '/msg',
    component: Msg
    },
    {
    path: '/detail',
    component: Detail,
    children: [
    {
    path: 'msg',
    component: Msg
    }
    ]
    }
    ]

    component: resolve => require(['../pages/home.vue'], resolve),
     

    如果用import引入的话,当项目打包时路由里的所有component都会打包在一个js中,造成进入首页时,需要加载的内容过多,时间相对比较长。
    当你用require这种方式引入的时候,会将你的component分别打包成不同的js,加载的时候也是按需加载,只用访问这个路由网址时才会加载这个js。
    你可以打包的时候看看目录结构就明白了。

  • 相关阅读:
    读书日记-策略模式
    五、@property的参数
    三、Object-C内存管理
    二、OC的构造方法和descriprtion方法
    一、初始Object-C
    linux中安装eclipse--CnetOS6.5
    linux中安装和配置 jdk
    linux中安装mysql
    bzip2压缩 解压缩
    gzip压缩解压缩
  • 原文地址:https://www.cnblogs.com/-colin/p/10521343.html
Copyright © 2011-2022 走看看