序router.js传递路由{path:'/mine/:name',name:'mine',component:Mine} //通过:传递一个参数,name是谁都可以!路由必须完全匹配!但是可以使用?问号进行查询!
1.https://router.vuejs.org/zh/guide/advanced/data-fetching.html
动态路由数据获取的参考文档网址。
2.http://localhost:8080/#/mine/%E5%BC%A0%E4%B8%89?sex=%E7%94%B7&height=80&dog=%E5%B0%8F%E5%B0%8F
翻译过来就是这个样子的http://localhost:8080/#/mine/张三?sex=男&height=179&dog=小小
。
$route
是单个的路由器内容,$router
是整体的路由。
//Mine.vue里面的内容
<template>
<div id="mine">
<h2>个人中心</h2>
<h2>根据路由对象获取的参数</h2>
//路由里面对应的配置是“path:'/mine/:name'”
//网址格式为:/mine/张三?sex=男&height=179&dog=小小
<p>姓名:{
{
$route.params.name}}</p>
//下面放在问号?后面的是query里面的内容
<p>性别:{
{
$route.query.sex}<