试题
考点

js语言和框架-vue.js-router-懒加载和路由

面5笔5

实现路由懒加载

前往“校招VIP”小程序,刷题更快
最新校招难题刷题,快来进刷题群吧
解答

路由懒加载的主要作用是将 路由对应的组件打包成一个个的js代码块。只有在这个路由被访问到的时候,才会加载对应组件的代码块。

//非路由懒加载
import Vue from 'vue'
import Router from 'vue-router'
import Home from '@/components/Home'
import Login from '@/components/Login'
import New from '@/components/New'
import List from '@/components/List'

......

routes:[
{path:'/Login',name:'Login',component:Login},
{path:'/',name:'Home',component:Home},
...
]

vue实现路由懒加载的三种方式:
Vue异步组件
ES6的import()
webpack的require.ensure()

文章链接

评论
暂无评论

加载更多