### 彪哥

爱好前端

- 基础

- 组件

- 过渡&动画

- 可复用性&组合

- 工具

- 规模化

  - vuex操作相关
  - 路由懒加载

- Vuex

- 其他

- 《Vue》笔记
- 规模化

heBody
2020-02-04

# 路由懒加载

# # 路由懒加载

    // 路由同步加载
    // import Recommend from '@/components/recommend/recommend'
    // import Singer from '@/components/singer/singer'
    // import Rank from '@/components/rank/rank'
    // import Search from '@/components/search/search'
    // import SingerDetail from '@/components/singer-detail/singer-detail'
    // import Disc from '@/components/disc/disc'
    // import TopList from '@/components/top-list/top-list'
    // import UserCenter from '@/components/user-center/user-center'

    Vue.use(Router)

    // 路由懒加载
    const Recommend = () => import('@/components/recommend/recommend')
    const Singer = () => import('@/components/singer/singer')
    const Rank = () => import('@/components/rank/rank')
    const Search = () => import('@/components/search/search')
    const SingerDetail = () => import('@/components/singer-detail/singer-detail')
    const Disc = () => import('@/components/disc/disc')
    const TopList = () => import('@/components/top-list/top-list')
    const UserCenter = () => import('@/components/user-center/user-center')

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

使用路由懒加载可使app.js文件变小，进入不同路由在分别加载该路由的js。

编辑
(opens new window)
#Vue
上次更新: 2022/12/14, 19:36:42
vuex操作相关
Vuex

← vuex操作相关 Vuex→

最近更新

  01
Git修改分支名
08-11

  02
CSS给table的tbody添加滚动条
06-29

  03
我做了一个手写春联小网页，祝大家虎年暴富 原创
01-28

更多文章>

Copyright © 2016-2022 Hesb | MIT License

- 跟随系统
- 浅色模式
- 深色模式
- 阅读模式