nuxt.js 的路由会直接在pages中新建文件夹或文件后自动生成。
在pages 下新建 news 文件夹 和 fishing文件夹,在.nuxt文件夹下router.js文件中自动生成:
routes: [{
path: "/fishing",
component: _b13fdc34,
name: "fishing"
}, {
path: "/news",
component: _6b1a0831,
name: "news"
}, {
path: "/",
component: _1157b838,
name: "index"
}],
路由的跳转:
通过 a标签或者 nuxt-link的方式跳转
<ul>
<li><nuxt-link :to="{name:'news', params:{newsId:2001}}">news</nuxt-link></li>
<li><nuxt-link :to="{name:'fishing'}">fishing</nuxt-link></li>
</ul>
其中,参数是通过params来传递,相应的组件通过params来进行接受:
<h2>newsId:{{ $route.params.newsId }}</h2>