VueRouter配置-2-index.js文件
续上一篇文章,我们接下来要分析index.js内部具体要写一些什么。
1,首先要引入VueRouter,这个插件必须要用
import VueRouter from "vue-router"
2,接下来,引入需要配置路由的组件,我这里有2个,分别是About和Home
import About from "../components/About"
import Home from "../components/Home"
3,创建一个路由(这也是为啥第一步要引用VueRouter的原因),如果你的路径是/About,我就给你看About组件。
const router = new VueRouter({ routes:[ { path:'/About', component:About }, { path:'/Home', component:Home } ] })
4,要把路由器暴露出去,于是修改为(仅仅第一行修改):
export default new VueRouter({ routes:[ { path:'/About', component:About }, { path:'/Home', component:Home } ] })