msg: router.query.msg
})
}
] }
在浏览器地址栏输入 http://localhost:8081/#/about/666/1?msg=’welcome to nDos blog’ 查看效果。
编程式导航与路由命名
在 vue 初始化的工程中，路由配置时，组件都已做好命名。这便是路由命名。
编程式导航，尽量使用命名的路由，如下：
router.push({ name: 'about', params: { userId: 123 }})因为使用 path 属性进行编程式导航，params 无效。
这样使用路由跳转，使得单页面编程的路由跳转更加灵活。比如某个跳转按钮，可以绑定函数，进行条件跳转。
关于这两个的内容并不多，参照官网教程学习。
命名视图
在一个组件中，如果有多个组件出口，比如：在某个页面，需要同时展示很多个组件时。
只有一个 <router-view/> 显然不能满足需求。
多个 <router-view/> 同时存在的时候，就必须要加以区分，用的是 name 属性：
<router-view name="a"/>在 router.js 中的 components 属性中，添加多个组件即可 ( 到这里才明白为什么 components 为什么是复数形式的写法 )。
总结
以上所述是小编给大家介绍的vue3.0 CLI – 3.2 路由的初级使用教程，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对软件开发网网站的支持！
