通过query实现利用URL往组件传递参数
-
新建组件profile
-
添加到路由映射
-
在App.vue中模板添加
<router-link v-bind:to="{path:'/profile', query:{name:'Oxygen', age:21 }}" tag="button">档案</router-link>v-bind绑定to和一个对象，对象中有path路径和query属性，在此处指定query属性可以存放数据（App.vue的data也可以）
-
也可以直接在URL中输入“协议://主机:端口号 path？query数据内容”
例如
http://localhost:8081/profile?name=Oxygen&age=21 -
在Profile.vue模板中，与动态参数类似，通过
.query获取数据<template> <div> <h1>Hello Profile</h1> <h2>我是profile</h2> <p>{{$route.query}}</p> <p>{{$route.query.name}}</p> </div> </template>
