投稿
  1. 极客之音首页
  2. 技术随笔

vue router路由懒加载

小半 • • 技术随笔 • 阅读 152

导读：本篇文章讲解 vue router路由懒加载，希望对大家有帮助，欢迎收藏，转发！站点地址：www.bmabk.com

路由加载 分为2中，
一种是全部一次性加载，叫全部加载；
一种是用到才对应加载，叫用到加载；

修改路由器index.js

import Home from '../views/Home.vue'

修改成

const Home=()=>import('../views/Home.vue')

当打包构建应用时，JavaScript 包会变得非常大，影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块，然>后当路由被访问的时候才加载对应组件，这样就会更加高效。
Vue Router 支持开箱即用的动态导入，这意味着你可以用动态导入代替静态导入：

在这里插入图片描述

版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。

文章由极客之音整理，本文链接：https://www.bmabk.com/index.php/post/107032.html

赞 (0)
小半的头像小半
0 0

相关推荐

极客之音——专业性很强的中文编程技术网站，欢迎收藏到浏览器，订阅我们！