vue从入门到放弃 --- 真的是入门

vue-router路由

//list.vue
<router-link :to="{ path: 'detail/'+todo.id }">
{{ todo.name }}
</router-link>

//detail.vue
<template>
<div>
{{ lyric }}
</div>
</template>

<script>
export default {
name: 'detail',
data() {
return {
lyric: {}
};

},
created() {
this.$axios.get(`https://api.imjad.cn/cloudmusic/?type=lyric&id=${this.$route.params.id}`).then((response) => {
this.lyric = response.data.lrc.lyric
console.log(response)
}, (error) => {
// error
console.log(error)
});
}
}
</script>

//route/index.js
import Vue from 'vue'
import Router from 'vue-router'
import list from '@/components/list'
import detail from '@/components/detail'

Vue.use(Router)

export default new Router({
routes: [
{
path: '/',
name: 'list',
component: list
},
{
path: '/detail/:id',
name: 'detail',
component: detail
}
]
})