动态路由传值

<template>
    <div>新闻<br>
    <ul>
        <li v-for="(item,index) in list" :key="index">
        <router-link  :to="'/Detail/'+index ">    {{index}} ----  {{item}}</router-link>
        </li>
    </ul>
        
         </div>
</template>

<script>
export default {
     name:'News',
     data(){
         return {
             list: ['1111','2222','3333']
         }
     }
}
</script>


<style scoped>

</style>

<template>
    <div>详情页</div>
</template>

<script>
export default {
    name:'Detail',
    mounted() {
        console.log(this.$route.params);
    },
}
</script>

<style scoped>

</style>