1. 按需加载页面或组件,在vue中打包后会把所有的业务逻辑打包到app.js中,导致文件体积过大,从而导致页面加载缓慢
- 拆分页面 :在项目的router中的index.js中将页面引用更改成为箭头函数 component: () => import('文件路径')
- 拆分组件 :在主页面中将组件引用更改为箭头函数 components: { 组件名称: () => import('文件路径') }
2.利用keep-alive标签包裹,在项目的APP.vue中使用此标签包裹路由(<router-view />),可以缓存页面数据,保留到内存中,防止重复渲染页面