根据二轮迭代新的需求开始编写用户个人界面
对新建的vue文件设置路由的步骤
一.在router文件夹下的index.js文件中引入新建的文件user.vue
import user from "../views/user.vue";
{
path: '/user',
name: 'user',
component: user
},
二.在设置跳转的地方传递参数
<router-link :to="{name:'user',query:{uid:uid}}" style="color: #333333;text-decoration: none" >
<el-avatar size="large" class="username" src="image" align="center">
<img :src="image">
</el-avatar>
</router-link>
三.在user.vue中return得到的参数
data() {
return {
uid: this.$route.query.uid,
}
},