路由傳遞參數

//路由組件傳遞參數1
    {
      path: '/props1', name: 'props1', component: () => import('@/views/Props'),
      props: true
    },
    //路由組件傳遞參數2
    {
      path: '/props2', name: 'props2', component: () => import('@/views/Props'),
      props: {
        user: { name: '張三', age: 25 }
      }
    },

<template>
    <div id="props">
        <h1 style="background-color:blue;">路由組件傳參</h1>
        姓名：{{ user.name }}<br />
        年齡：{{ user.age }}
    </div>
</template>
<script>
export default {
    name:'Props',
    props:{
        user:{
            name:'',
            age:0
        }
    },
    data(){
        return {

        }
    }
}
</script>

 <input
      type="button"
      value="路由組件傳遞參數1"
      @click="routerToProps1"
    />
    <router-link :to="{name:'props1',params:{user:{name:'豬八戒',age:300}}}">路由組件傳遞參數1</router-link>
    <router-link to="/props2">路由組件傳遞參數2</router-link>
//方法