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

Question

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

Answer 1

您可以使用Vue路由器库。在这里，components是添加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://vuejs.org/v2/guide/routing.html

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

 import router from "./router";

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