Vue router简单配置入门案例

{

 

注意驼峰命名法，不然会报错

 

 

}

 

 

 

1.在Views文件夹下创建Vue路由文件，例如：

<template> </template>  <script> </script>  template:表示html结构区域，script表示交互区域，style：表示装饰区域

 

 

2.完成以后，要把vue文件命名导出，之后好让别人接收他; 注意 最好和class名一致哈！

export default {
  name: "LoginView",
};

 

 3.之后，vies步骤就完成了，后面去router/index.js配置路由地址;

1.导入组件，2.生成路由

 

 1.导入组件

import LoginView from "../views/LoginView.vue";

2.生成路由

 {
    path: "/Login",
    name: "Login",
    component: LoginView,
  },

 3.最好一步去App.vue主区导入路由

 

 

<router-link to="/Login">Login</router-link>