看了vue-router官网的教程,配置了一个
const routes = [
{ path: '/foo', component: Foo },
{ path: '/bar', component: Bar }
]
这个path都说是路径,是相对路径吗,我在本地的compontents/routers/index.js里面也这么写的,但是对应的component并不是相对路径下的
后面的component是在js里面通过Import导入的,前面的path究竟是相对于什么的路径?
tenplate里面写的也是to="/foo"
path是路径. 比如说你在开发环境的地址是
127.0.0.1:8888
,那么你访问的路由地址是:127.0.0.1:8888/#/foo
以此类推.所以这个path是随意定义的.然后转跳路由,直接写
to='/foo'
,就可以.关于路由组件
component: Foo
的foo
就是通过Import导入的vue组件