VUE SSR渲染之NuxtJS 路由篇

2022-07-28 01:54:14 字數 1399 閱讀 8509

一、路由跳轉

nuxt提供 nuxt-link元件進行跳轉

<

nuxt-link

to="/home"

>home page

nuxt-link

>

二、基礎路由

預設情況下nuxt會把pages目錄下的檔案讀取為路由位址。

普通情況如下:

pages/

--| user/

-----| index.vue

-----| one.vue

--| index.vue

將自動生成如下路由配置:

router: ,,]}

具體看圖:

此時在瀏覽器就可以進行對應的路由跳轉。

三、動態路由

動態路由需要在檔名前面加_

具體如下:

_like.vue內容如下:

<

template

>

<

div>

<

h1>user/detail/like

h1>

<

h2>}

h2>

div>

template

>

<

script

>

export

default

},mounted()

=this

.$route.params

this

.like

=like

}}script

>

<

style

>

style

>

頁面顯示效果

三、多級路由

多級路由和vue-router的基本一致,只不過換成了

這裡我們在goods裡配置了乙個多級路由。

這裡的goods.vue 和 goods/index.vue 可以合併為乙個檔案。

vue依賴快取 Vue SSR服務端渲染之資料快取

當咱們在作vue的伺服器端渲染時,可能會碰到各類各樣的坑,記憶體洩露就是其中的一種。固然,致使記憶體洩露的緣由有不少,不合理使用axios也是其中一種,那下面我給你們介紹一下如何有效的避免請求中的記憶體洩露。vue 1.安裝快取依賴 lru cache npm install lru cache d...

服務端渲染 手動部署 NuxtJs 專案

nuxt.js 提供了一系列常用的命令,用於開發或發布部署。命令描述 nuxt 啟動乙個熱載入的 web 伺服器 開發模式 localhost 3000 nuxt build 利用 webpack 編譯應用,壓縮 js 和 css 資源 發布用 nuxt start 以生產模式啟動乙個 web 伺服...

OpenGL之渲染優化

在過去的幾年裡,硬體加速流水線獲得了無與倫比的發展.同時也日愈複雜,它們的效能特徵越來越難以理解.以前改善效能只意味著減少用於渲染的cpu內迴圈週期,現在變成確定瓶頸與系統的處理它們.此時優化效能的的主導思想是,流水線的速度由最慢的乙個階段決定.本文中討論了現代顯示卡所存在的瓶頸之一,以及部分的解決...