vue2移除路由#号基本根据文档来就行了，在路由中设置：[html] view plain copymode: 'hi
转载
2022-08-19 08:00:08
174阅读
官方：vue-router 提供的导航守卫主要用来通过跳转或取消的方式守卫导航。有多
原创
2023-02-28 20:15:02
610阅读
一、<router-link的使用<router-link>组件支持用户在具有路由功能中的点击导航。通过to属性指向目标地址，默认渲染成正确的a标签1.to属性 字符串或是对象类型点击会立刻把内部to值传送到router.push() （解释：router.push(location) 就相当于我们用鼠标点击了location这个a链接一样，本文后面有对router.pu...
原创
2021-06-21 18:14:59
488阅读
打包构建应用时，js包会变的非常大，影响页面加载。这时把不同路由对应的组件分割成不同的代码块，当路由访问的时候再加载对应的组件，这样就更加高效 打包后，用到哪个js用哪个 ...
转载
2021-07-22 17:05:00
349阅读
懒加载：也叫延迟加载，即在需要的时候进行加载，随用随载。 使用懒加载的原因： vue是单页面应用，使用webpcak打包后的文件很大，会使进入首页时，加载的资源过多，页面会出现白屏的情况，不利于用户体验。运用懒加载后，就可以按需加载页面，提高用户体验。 整个网页默认是刚打开就去加载所有页面，路由懒加 ...
转载
2021-10-11 17:42:00
451阅读
2评论
为什么需要路由懒加载：当打包构建应用时，JavaScript 包会变得非常大，影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样就更加高效了。没有使用路由懒加载之前和路由懒加载之后：import Vue from 'vue'import Router from 'vue-router'// import Login from './components/Login.vue'const Login = () => import(/*
原创
2022-11-18 00:05:10
91阅读
Vue路由懒加载 对于SPA单页应用，当打包构建时，JavaScript包会变得非常大，影响页面加载速度，将不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这就是路由的懒加载。 实现方式 Vue异步组件 Vue允许以一个工厂函数的方式定义你的组件，这个工厂函数会异步解析你
原创
2022-05-27 19:42:56
498阅读
路由和组件的常用两种懒加载方式：1、vue异步组件实现路由懒加载 component：resolve=>(['需要加载的路由的地址'，resolve])2、es提出的import(推荐使用这种方式) const HelloWorld = （）=>import('需要加载的模块地址')
原创
2022-01-14 17:30:01
670阅读
最新版的vue-cli + webpack构建的vue项目在结构上有了一些变化。比如build文件夹下的dev-server.js文件消失了等，当然细心点同学可能会在package.json文件中发现webpack-bundle-analyzer的身影，它的作用是分析项目打包后的各个资源的体积。
我们运行打包命令就知道它的功能了：npm run build结果如下图
转载
2020-06-18 09:21:00
234阅读
2评论
当打包构建应用时，js包会变的非常大，影响页面加载。如果我们能把不同路由对应的页面组件，当路由被访问时候，才去加载相对应组件，这样就会更加高效。
原创
2022-08-21 01:03:53
207阅读
为什么要使用路由懒加载为给客户更好的客户体验，首屏组件加载速度更快一些，解决白屏问题。定义懒加载简单来说就是延迟加载或按需加载
原创
2022-10-13 16:57:41
928阅读
目前会一些简单的路由规则，先记录上。参考：Vue2全家桶之二：vue-router（路由）详细教程，看这个就够了 - 简书 由于Vue在开发时对路由支持的不足，于是官方补充了vue-router插件。
vue的单页面应用是基于路由和组件的，路由用于设定访问路径，并将路径和组件映射起来。
传统的页面应用，是用一些超链接来实现页面切换和跳转的。
在vue-router单页面应用中，则是路径之
转载
2023-11-17 15:23:57
78阅读
1.写在前面 最近在学习Vue2，遇到有些页面请求数据需要用户登录权限、服务器响应不符预期的问题，但是总不能每个页面都做单独处理吧，于是想到axios提供了拦截器这个好东西，再于是就出现了本文。 2.具体需求 用户鉴权与重定向：使用Vue提供的路由导航钩子 请求数据序列化：使用axios提供的请求拦
转载
2018-11-13 14:32:00
101阅读
2评论
// import Furong from '@/components/Furong' // import Quange from '@/components/Quange' const Quange = () => import('@/components/Quange') const Furon
转载
2021-07-08 15:59:00
140阅读
上一篇说过，vue-cli对打包的文件进行分类，在浏览器进行读取时减少了一定的压力 如果在大型的Vue项目中，mainfest和vendor可能并不会占太大的空间，可app是我们写业务代码的地方，很大概率会出现太大业务代码在这个文件的情况。因此能不能把这里面的某些代码给抽取出来放在其他的JS文件里呢
转载
2021-04-01 13:17:00
122阅读
路由懒加载：把不同路由对应的组件分割称成不同的代码块，然后当路由被访问的时候才加载
原创
2023-02-28 20:14:31
118阅读
什么是路由懒加载 官方的解释： 当打包构建应用时，JavaScript 包会变得非常大，影响页面加载。 如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样就更加高效了。 官方想表达的意思 首先，我们知道路由中通常会定义很多不同的页面 这个页面最后会被打包到哪
原创
2021-07-21 09:54:07
397阅读
（组件、路由）懒加载 懒加载也叫延迟加载，即在需要的时候进行加载，随用随载 在单页应用中，如果没有应用懒加载，运用webpack打包后的文件将会异常的大，造成进入首页时，需要加载的内容过多，延时过长，不利于用户体验，运用懒加载可以将页面进行划分，按需加载页面，可以分担首页所承担的加载压力，减少加载用
转载
2018-04-25 09:38:00
301阅读
2评论
关于懒加载众所周知，对于页面内容比较丰富的网站，dom的解析会很复杂，这样就会导致首屏加载过慢，对于图片很丰富的网站，我们知道可以使用图片懒加载来提高网站的响应速度，我在我的另外一篇文章中写过，有兴趣的点击这里。像淘宝、京东等等的首页都是经过懒加载处理的，他们会先渲染出骨架，然后懒加载的区域出现在了可视范围的时候再把骨架替换为真实的内容。骨架： 真实内容：这样就避免首页一次性加载过多的内容浏览器需
