动态路由 命名式路由 点击列表项跳转到对应详情页

列表页 nowPlack

<template>
    <div>
        nowPlack列表页  films的子页面，
        <ul>
            <li v-for="(item,id) in List" :key="id" @click="handClickPage(id)">
                <img :src="item.url" alt="">
                {
  {item.name}}
                {
  {item.id}}
                <!-- 列表跳详情，声明式写法，需要传参给to前面加上冒号  但是长列表一般不适用-->
                <!-- <router-link to="/detal">{
  {item.usename}}</router-link> -->
            </li>
        </ul>
    </div>
</template>
<script>
import axios from 'axios'
export default {
    data(){
        return{
           List:[] 
        }
    },
    mounted(){
        //https://m.maizuo.com
        axios.get('http://rap2api.taobao.org/app/mock/279550/http/get')
           .then(res=>{
            // console.log('ra