在项目中创建测试页面

1.首先在src下的views文件下demo文件夹下创建myRole文件夹，然后创建MyRole的Vue文件

image.png

MyRole.vue文件

<template>
    <div>
      my role
    </div>
</template>

<script>
    export default {
        name: "myRole"
    }
</script>

<style scoped>

</style>

2.在菜单管理中填写如下内容

访问路径和前端组件是必填项

访问路径：/myRole （views和demo文件夹不用写，直接写myRole文件夹）

前端组件：demo/myRole/MyRole （需要从demo开始写起，知道vue文件）

image.png