<template><div class="about"><h1>This is an about page</h1><ul><li>{{name}}</li><li>{{age}}</li><li>{{addr}}</li></ul><router-link :to="{name:'detail',params:{id:1,title:'张三'}}">
跳转detail页面
</router-link><router-link :to="{path:'/mine',query:{id:1,title:'张三'}}">
跳转mine页面
</router-link></div></template><script>exportdefault{props:{name:{type: String,},age:{type: Number,},addr:{type: String,},},}</script>
detai(props为布尔值,注意这种只能接收params参数)
<template><div class="detail"><h1>详情页面</h1><ul><li>id:{{id}}</li><li>title:{{title}}</li></ul></div></template><script>// @ is an alias to /srcexportdefault{name:'Detail',components:{},props:{id:{type:[Number,String],},title:{type: String,},}}</script>
mine页面(props为函数的时候,可以接收query参数和params参数)
<template><div class="mine"><h1>我的页面</h1><ul><li>id:{{id}}</li><li>title:{{title}}</li></ul></div></template><script>// @ is an alias to /srcexportdefault{name:'Mine',components:{},props:{id:{type:[Number,String],},title:{type: String,},}}</script>