vue路由懒加载

memoryI

于 2019-10-12 14:27:49 发布

阅读量197

点赞数

CC 4.0 BY-SA版权

分类专栏：技术文章标签：路由懒加载 vue

本文链接：https://blog.youkuaiyun.com/memoryI/article/details/102519805

技术专栏收录该内容

59 篇文章

订阅专栏

安装vue-router

import Vue from 'vue'
import Router from 'vue-router'
const Home = () => import('@/pages/Home')

Vue.use(Router)

export default new Router({
  mode: 'hash',
  base: process.env.BASE_URL,
  routes: [
    {
      path: '/',
      name: 'home',
      component: Home,
      meta: {
        title: '1111'
      },
     } 
  ]
})

使用npm run build 打包，在dist文件夹下，js文件中可以看到

原文档：https://router.vuejs.org/zh/guide/advanced/lazy-loading.html