Vue前端项目-登录组件-添加

目录

1、App.vue 文件

2、创建 login.vue 组件

3、设置路由文件

4、测试

---

需求：

请求路径为 "/" 或 "/login" 时, 将路由到 login.vue 视图页面

1、App.vue 文件

需要在 App.vue 文件中放置一个 ""路由占位符""  

<template>
  <div id="app">
    <!-- 路由占位符 -->
    <router-view></router-view>
  </div>
</template>

2、创建 login.vue 组件

在 src / views / 下创建 login.vue ,内容如下