新建的每个页面都必须在一个单独的文件夹里吗?而且这些文件夹都要在pages文件夹里面?

新建的每个页面都必须在一个单独的文件夹里吗?而且这些文件夹都要在pages文件夹里面?

一个文件夹里是不是不能有两个vue页面?我把两个页面放在一个文件夹里它就不显示内容了

http://img1.sycdn.imooc.com//climg/5ebd2946093e0acb06410472.jpghttp://img1.sycdn.imooc.com//climg/5ebd295e0912ca5c06070652.jpg

http://img1.sycdn.imooc.com//climg/5ebd29b80981f21413620294.jpghttp://img1.sycdn.imooc.com//climg/5ebd29cb095ba14713660355.jpg

我尝试把index.js里面helloimooc的路径加上了vue页面的路径:

path: '/demo1/helloimooc',

它就能显示了....

是推荐每一个页面一个文件夹,然后这些文件夹都放在pages里面呢?还是怎么放都行,写路由的时候path路径写更详细一些?

正在回答

登陆购买课程后可参与讨论,去登陆

3回答

同学你好,解答如下:

1、path里写的内容是在浏览器地址栏中输入的路径。

2、path的值是可以自定义的。

3、相应页面的路径是在import里写好的。

4、component是import引入的时候写的名字,名字也是可以自定义的。

5、component和import引入的名字要保持一致。

6、name配合router-link可以跳转到指定的页面,例如:

http://img1.sycdn.imooc.com//climg/5ebe78ff09b1980105560164.jpg

http://img1.sycdn.imooc.com//climg/5ebe790d09d48fe203410192.jpg

点击跳转按钮,即可跳转到demo10页面。name的名字也是可以自定义的。

router-link在后面的课程中会讲解,目前同学了解下即可。

如果还有其他疑问,建议在问答区重新提问,便于同学后期查找总结

祝学习愉快~

好帮手慕言 2020-05-15 16:31:03

同学你好,关于同学的疑问,解答如下;

1、path的值可以自己定义,可以不设置成demo1,设置其他的值也是可以的,例如:

引入

http://img1.sycdn.imooc.com//climg/5ebe512509ddb97b05390045.jpg

写path,如下:

http://img1.sycdn.imooc.com//climg/5ebe515709329eaa04490216.jpg

在地址栏中输入地址即可

http://img1.sycdn.imooc.com//climg/5ebe51b60977d51d09470159.jpg



2、不是的。是在引入的时候,不写index或者index.vue,默认会引入index.vue,下方注释的写法和没有注释的写法都是引入pages/demo1/index.vue文件。

http://img1.sycdn.imooc.com//climg/5ebe5283092dd05a05960085.jpg

path需要写一个自定义的名字。并没有下方这种说法:

http://img1.sycdn.imooc.com//climg/5ebe53a0097e834006270060.jpg

哪里不太理解的话,可以在项目中测试下呦

祝学习愉快~

  • 提问者 Aurora_Meteor #1
    原来path里的是在地址栏调用的时候要写的路径,不是在源文件里找相应的页面要用的路径?path里的是可以随意修改的?相应页面的路径是在import里写好的是吧? component是import里引入的时候写的名字是么,这个名字是不是也可以随意修改,只要import和component里保持一致就可以了? 那name是在什么地方要用到的名字呢,也可以随意修改吗?
    2020-05-15 17:03:55
好帮手慕言 2020-05-15 12:16:24

同学你好,关于同学的疑问,解答如下:

1、一个文件夹里可以有两个.vue文件。

2、同学没有显示出来,是因为在地址栏输入的地址不对,可以参考下方:

 1)一个文件中有两个.vue文件

http://img1.sycdn.imooc.com//climg/5ebe140109eded0802360164.jpg

  2)在index.js中引入:

http://img1.sycdn.imooc.com//climg/5ebe17cc09d4af0a06590075.jpg

http://img1.sycdn.imooc.com//climg/5ebe1494093f777904200354.jpg

3)地址栏中输入地址

http://img1.sycdn.imooc.com//climg/5ebe16e00970ab4e10290158.jpg

http://img1.sycdn.imooc.com//climg/5ebe170d091367a110200143.jpg

同学可以再测试下。

3、理论上文件怎么放都是可以的,但是为了更容易找,建议:按照老师的目录结构存放

如果我的回答帮到了你,欢迎采纳,祝学习愉快~

  • 提问者 Aurora_Meteor #1
    demo1文件夹里有这两个vue文件,怎么index.vue直接写demo1就行,而另一个要写它的文件名呢?而且是只写helloImooc的文件名,前面都不需要加上demo1/的? 是path里的内容,在页面加载的时候默认先去找那个文件夹里的index.vue文件吗?找不到再去找其他的vue文件?
    2020-05-15 12:26:08
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师