vue跳转外部网站 vue跳转html页面

卡尔顿高习 2024-07-06 09:50 1

源源今天给分享vue跳转外部网站的知识，其中也会对vue跳转html页面进行解释，希望能解决你的问题，请看下面的文章阅读吧！

1、[html] view plain copy在实际项目中我们会碰到多层嵌套的组件组合而成，但是我们如何实现嵌套路由呢？因此我们需要在 VueRouter 的参数中使用 children 配置，这样就可以很好的实现路由嵌套。

2、效果如下：index.html，只有一个路由出口main.js，路由的重定向，就会在页面一加载的时候，就会将home组件显示出来，因为重定向指向了home组件，redirect的指向与path的必须一致。

3、children里面是子路由，当然子路由里面还可以继续嵌套子路由。

4、//引入两个组件import home from "./home.vue"import from "./.vue"//定义路由const routes = [{path: "/home", component: home,children: [{ path: "/home/", component: }]}]//创建路由实例const router = new VueRouter({routes})el: '#app',data: {},mods: {},routerhome.vue，点击显示就会将子路由显示在出来，子路由的出口必须在父路由里面，否则子路由无法显示。

5、首页显示.vue游戏运行后的结果：点击显示后：。

本文到这结束，希望上面文章对大家有所帮助。

上一篇 : 麻辣女兵汤小米的扮演者麻辣女兵里面的汤小米是谁扮演的

vue跳转外部网站 vue跳转html页面

推荐阅读

热门信息

vue跳转外部网站 vue跳转html页面

相关文章

推荐阅读

热门信息