vue 项目优化记录 持续更新...

1. 按需加载页面或组件，在vue中打包后会把所有的业务逻辑打包到app.js中，导致文件体积过大，从而导致页面加载缓慢
  - 拆分页面 ：在项目的router中的index.js中将页面引用更改成为箭头函数 component: () => import('文件路径')
  - 拆分组件 ：在主页面中将组件引用更改为箭头函数 components: { 组件名称: () => import('文件路径') }

2.利用keep-alive标签包裹,在项目的APP.vue中使用此标签包裹路由(<router-view />)，可以缓存页面数据，保留到内存中，防止重复渲染页面

vue 项目优化记录 持续更新...

原文：https://www.cnblogs.com/ikai/p/12098964.html