一、路由跳轉
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內迴圈週期,現在變成確定瓶頸與系統的處理它們.此時優化效能的的主導思想是,流水線的速度由最慢的乙個階段決定.本文中討論了現代顯示卡所存在的瓶頸之一,以及部分的解決...