在vue项目中，为了减少首屏加载的时间，通常会开启路由的懒加载。路由懒加载配合gizp确实能帮助我们大大的加快首屏的加载时间。 然而，路由懒加载会使得我们在第一次打开一个新页面的时候，会有一个加载时间。如果在这个时候我们没有一个提示的话，给人的感觉会是好像我点了页面跳转但是没反应。所以，这个时候我们可以加一个进度条来告知用户。 具体实现，我们使用NProgress这个滚动条效果插件。 1.安装： cnpm install –save nprogress 2.在main.js中引入： im

一般单页面应用，例如vue都是通过vue-router来做跳转，不会像多页应用一样另起新页面显示，但是也不排除一些业务上的需要。 一般情况下单页面应用的路由跳转我们都是通过简单的一句话搞定： this.$router.push({name: 'abc'}) 以上是常规的通过路由的页面跳转方法。 我们现在的需求是另外开启一个新页面来显示跳转到的页面，原本的窗口保持页面不变。 const { href } = this.$router.resolve({ name: 'abc' })

最近还是在痛苦的挣扎中 挣扎吧 记录一下在vue项目中如何实现跳转到一个新页面（一个比较简单又比较基础的问题了），有两个方法： 1、标签实现新窗口打开 官方文档中说 v-link 指令被 组件指令替代，且 不支持 target=”_blank” 属性，如果需要打开一个新窗口必须要用标签，但事实上vue2版本的 是支持 target=”_blank” 属性的(tag=”a”)，如下： <router-link target="_blank" :to="{path:'/home'