3. 路由router

在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>
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容