美文网首页
3. 路由router

3. 路由router

作者: 论宅 | 来源:发表于2019-06-11 23:30 被阅读0次

    在src目录下,你可以看到一个router文件夹,里面有一个index.js文件。
    该文件控制页面的跳转,基本的解构如下:

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

    其中routes里面就配置了跳转的路由,我们可以通过如下方法去来回跳页:

     <a href="./#/FangJun">点我</a>
    

    相关文章

      网友评论

          本文标题:3. 路由router

          本文链接:https://www.haomeiwen.com/subject/awdhfctx.html