這篇文章運(yùn)用簡單易懂的例子給大家介紹如何實(shí)現(xiàn)nuxt 路由、過渡特效、中間件,內(nèi)容非常詳細(xì),感興趣的小伙伴們可以參考借鑒,希望對(duì)大家能有所幫助。
1、定義一級(jí)路由
在pages下創(chuàng)建.vue文件,訪問路徑后加上/文件名,訪問
index.vue對(duì)應(yīng)的路徑為'/';
2、創(chuàng)建多級(jí)路由
在pages創(chuàng)建文件夾,文件夾內(nèi)創(chuàng)建.vue文件
訪問路徑:/文件夾名/文件名
pages/
--| user/
-----| index.vue
-----| one.vue
--| index.vue
將被轉(zhuǎn)換成:
router: { routes: [ { name: 'index', path: '/', component: 'pages/index.vue' }, { name: 'user', path: '/user', component: 'pages/user/index.vue' }, { name: 'user-one', path: '/user/one', component: 'pages/user/one.vue' } ] }