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>