vue-router学习笔记(路由懒加载)

1. 实现方式:Vue的异步组件+Webpack的代码分割
  • 异步组件
const Foo = () => Promise.resolve({ /* 组件定义对象 */ })
  • webpack
import('./Foo.vue') // 返回 Promise

  • 定义被webpack自动分割代码的异步组件
const Foo = () => import('./Foo.vue')
  • 把组件按组分块

某个路由下的所有组件都打包在同个异步块 (chunk) 中

2.使用问题

阅读更多
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页