在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML5/ 為啥放到pages文件夾里的路徑不起作用？

為啥放到pages文件夾里的路徑不起作用？

1.我在src目錄下新建了個(gè)文件夾pages用來(lái)存放組件，在pages文件夾中創(chuàng)建了兩個(gè)文件：index.vue和content.vue

2.routes.js 中配置路由部分代碼如下

{path:'/pages/index',name:'index',component:index},
{path:'/pages/content',name:'content',component:content}

3.app.vue 中渲染部分代碼如下

<template>
<div id="app">

   <div>
  <router-link  to="/pages/index">試試看</router-link>
  <router-link  to="/pages/content">我就看看</router-link>
</div>
<router-view></router-view>

</div>
</template>

按照如上的配置，頁(yè)面空白，也沒(méi)報(bào)錯(cuò)，不知道路由哪里配錯(cuò)了。
我試過(guò)把index.vue和content.vue兩個(gè)文件放到跟app.vue平級(jí)的關(guān)系，修改path:/index 和 path:/content ， router-link那里修改成to="/index"就可以顯示。
所以這里我就想問(wèn)問(wèn)為啥放到pages文件夾里的路徑不起作用？

回答
編輯回答
汐顏

{path:'/pages/index',name:'index',component:index},這里你component里的index組件在頁(yè)面中引用了嗎？需要先引用一下這個(gè)組件，才能寫在component中。

import Index from './index.vue'
{path:'/pages/index',name:'index',component:Index}
2017年8月18日 15:59
編輯回答
尐飯團(tuán)

router中的path并不是路徑，而是路由，只要對(duì)應(yīng)上就好，上面這哥說(shuō)的沒(méi)錯(cuò)，你的component:index，估計(jì)是沒(méi)拿到index,如果import了，打包沒(méi)有報(bào)錯(cuò)，就console一下,看看你的index是啥。

2017年11月18日 11:52