请问下index.js中routes中的path问题

export default new Router({

routes: [

{

path: '/',

name: 'HelloWorld',

component: HelloWorld

}

]

})

这个中的path，是用‘/’来代替src中的下一层文件夹目录么？比如上面代码中的path是'/'，代表的是'/components'，而在另一个例子中，'/demo1'代表的是'/pages/demo1'？

非常感谢！

源自：Vue基础详解 2-7 模板语法

收起

3回答

卡布琦诺回答被采纳获得+3积分 2018-10-08 14:13:55

严格意义上来讲，在路径path上加上‘/’表示从根目录开始跳转，不加‘/’表示从当前页面进行跳转

希望可以帮到你！

hpbrave 提问者 #1

谢谢回复！老师的代码中是这样的： routes: [ { path: '/', name: 'HelloWorld', component: HelloWorld }, { path: '/demo1', name: 'demo1', component: Demo1 }, 第一个path的完整路径是：/components/HelloWorld，第二个是/pages/demo1，我的疑惑是，为什么可以省去components和pages啊？这两个文件夹名字都可以用/代替了么？非常感谢！

2018-10-08 21:25:25
卡布琦诺回复提问者 hpbrave #2

path: '/', name: 'HelloWorld', component: HelloWorld表示的是直接从根路径使用HelloWorld组件，path: '/demo1', name: 'demo1', component: Demo1 表示的是使用根路径下的demo1文件夹中的组件。并不是替代了components和pages，要注意，以 / 开头的嵌套路径会被当作根路径，让开发者充分的使用嵌套组件而无须设置嵌套的路径（如：不需要/components/HelloWorld这样写）。希望可以帮到你！

2018-10-09 10:24:26
hpbrave 提问者回复卡布琦诺 #3

谢谢讲解！那根路径是不是就是指src的下一级子目录啊，比如component pages这些都是根路径，如果是直接在这些文件夹下的vue文件，则可以直接写/？非常感谢！

2018-10-09 11:59:43