Vue：添加路由器链接后页面不显示

问题描述

我有这个模板：

<template>
    <div>
        <div v-for="course in courses" :key="course.id">
            <router-link>{{course.body_ku}}</router-link>
        </div>
    </div>
</template>

<script>
import {myUrl} from '../components/Constants'
export default {
    data:function(){
        return{
            courses :[]
        }
    },created:function(){
        const url = myUrl + 'category_post/2'
        this.axios.get(url).then((response)=>{
            this.courses = response.data
        })
    }
}
</script>

它不显示任何内容，但是当我删除路由器链接时它可以正常工作

解决方法

您需要加载并注册 VueRouter 才能使用其组件。

import VueRouter from "vue-router";
Vue.use(VueRouter)