关于router-view无效的原因

路由配置

rounter文件夹中 index.js配置

在vue项目中的index.js

import Vue from "vue";
import VueRouter from "vue-router";
// import { component } from "vue/types/umd";

// 自定义路由组件
const LoginPage = () => import ("@/views/loginPage.vue");

// 自定义路由数组
// 这里的routes,不要写成routers!!!
const routes = [
    // 登录路由
    {
        name: "login",
        path: "/",
        component: LoginPage 
    }
]
Vue.use(VueRouter);

const router = new VueRouter({
    mode: "history",
    routes //这里思routes,不要写成rounters!!!
});

export default router

main.js配置

头部调用路由文件地址

import router from "./router/index.js"

这里需要引入router

new Vue({
  axios,
  router, // 引入router
  render: h => h(App),
}).$mount('#app')

总结

写配置的时候一定要仔细，某一个单纯多了一个字母可能就导致出现问题。希望我们以后能多注意，毕竟踩过太多坑l啦！！！