vue如何打开新页面

这是app.vue文件，我们知道，app.vue是我们看到的初始化页面的载体，这里的关键点是在声明的vue容器里，这里只能写标签，该标签是用来显示匹配上的路由相对应的组件内容。

如果你在这里引用了组件内容或者写了别的标签，那注定你怎么跳转在app.vue里的内容都会显示。当然，你也可以通过v-if指令进行条件判断隐藏也行。

出发跳转页面机制以后，则App.vue里标签里匹配到的就是制定跳转的路由，页面渲染路由对应的组件内容，则实现页面完全跳转。

解决：使用路由对象的resolve方法解析路由，可以得到location、router、href等目标路由的信息。得到href就可以使用window.open开新窗口了。

动态路由匹配：一个“路径参数”使用冒号:标记。当匹配到一个路由时，参数值会被设置到this.$route.params，可以在每个组件内使用。嵌套路由：要在嵌套的出口中渲染组件，需要在 VueRouter 的参数中使用 children 配置，要注意，以 / 开头的嵌套路径会被当作根路径。 这让你充分的使用嵌套组件而无须设置嵌套的路径。

以上就是小编带给大家的如何操作的关键所在，如果觉得本经验对你们有帮助，请给小编我进行一点小小的支持。大家也可以下面发表一下自己的看法。

个人意见，仅供参考。

游戏时长不宜过度，会有害健康。