vue学习笔记：vue-router参数
2017-12-31 17:25
369 查看
在vue-router里，参数分两种，1、动态路径参数；2、查询参数
动态路径参数，
这需要按路由文档里配置，例如：/user/:username
获取动态路径参数时，用 this.$router.params 来获取动态参数值。
查询参数
路径里的查询参数，不需要在路由里设置，可以直接放在路由里。例如 http://localhost:8000/index.htm#/hello?test=1232
获取查询参数，可以用this.$router.query来获取查询参数值
动态路径参数，
这需要按路由文档里配置，例如：/user/:username
获取动态路径参数时，用 this.$router.params 来获取动态参数值。
查询参数
路径里的查询参数，不需要在路由里设置，可以直接放在路由里。例如 http://localhost:8000/index.htm#/hello?test=1232
获取查询参数，可以用this.$router.query来获取查询参数值
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- react-router 学习笔记之Link带参数传值
- Vue.js第二天学习笔记（vue-router）
- Vue.js学习系列一 —— vue-router2学习实践笔记（附DEMO）
- vue-router的学习笔记--2
- Vue-Router基础学习笔记(小结)
- vue学习笔记---tap切换配置（vue-router）
- Vue.js第二天学习笔记（vue-router）
- vue学习五 router-link传参以及参数的使用
- vue-router2学习实践笔记（附DEMO）
- Vue.js学习系列一 —— vue-router2学习实践笔记（附DEMO）
- react-router 学习笔记之Link带参数传值
- vue-router的学习笔记--1
- Vue学习笔记进阶篇——vue-router安装及使用
- vue学习笔记：vue-router
- Vue学习笔记进阶篇之vue-router安装及使用方法
- vue-router学习笔记
- Vue.js学习系列一 —— vue-router2学习实践笔记（附DEMO）
- vue2.0 vue-router学习笔记
- 可变参数学习笔记
- vue学习笔记