在 vue.js 中实现路由的最简单方法是什么？

Question

我很难理解如何在 vue 中实现路由.js使用官方指南，有没有办法简化流程？

Answer 1

你可以使用 Vue 路由器库。在这里，组件是添加 vue 组件的文件夹。变量"路径"是指网址路由。

这是我创建的示例路由器文件。

     import Vue from "vue";
     import Router from "vue-router";
     Vue.use(Router);
     export default new Router({
       routes: [
       {
          path: "/",
          component: () => import("@/components/Login"),    
       },
       {
          path: "/home",
          name : "home",
          component: () => import("@/components/Home"),   
       },
     ]
    });

请参考本文档 ： https://v2.vuejs.org/v2/guide/routing.html

此外，将路由器文件导入应用程序初始化。

 import router from "./router";
 new Vue({
   router,
   render: h => h(App)
 }).$mount("#app");