vue-router路由懒加载的详解(原因,效果,和三种方式进行懒加载)
文章目录使用路由懒加载的原因路由懒加载使用前后对比懒加载的三种方式使用路由懒加载的原因路由懒加载使用前后对比没有使用路由懒加载时解析下面三个文件分别的作用app文件是自己写的业务代码的整合,manifest文件是为我们打包的代码做底层支撑的,比如使commonjs的导入导出和es6的导入导出是有效的,vendor是处理第三方的工具比如vue的一些代码的整合使用懒加载后懒加载的三...
·
使用路由懒加载的原因
路由懒加载使用前后对比
没有使用路由懒加载时
解析下面三个文件分别的作用
app文件是自己写的业务代码的整合,manifest文件是为我们打包的代码做底层支撑的,比如使commonjs的导入导出和es6的导入导出是有效的,vendor是处理第三方的工具比如vue的一些代码的整合
使用懒加载后
懒加载的三种方式
第一种方法(不推荐已经很老了)
AMD写法
常用的最新写法
const Home = () =>import('../components/Home')
const about = () =>import('../components/about')
const User = () =>import('../components/User')
const routes = [
{
path: '/',
component: Home
},
{
path: '/about',
component: about
},
{
path:'/user/:abc',
component:User
}
]
更多推荐
已为社区贡献11条内容
所有评论(0)