3. 路由router

2019-06-11  本文已影响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>
上一篇下一篇

猜你喜欢

热点阅读