Nuxt.js - nuxt-link與router-link的差別

前言

在使用Nuxt.js時可能會遇到一個這樣的問題？

當打開請求頁面的時候，全部頁面都被請求了。

這正是<router-link>組件全部的特性。

首先說一下router-link

router-link

<router-link>是使vue項目具備路由功能的應用點擊組件。

nuxt-link

先看一下官方api介紹<nuxt-link>

正如官方所說<nuxt-link>使用方式和用途<router-link>是一致的。

但，後面說未來咱們會爲<nuxt-link>組件增長更多的功能特性，例如資源預加載，用於提高 nuxt.js 應用的響應速度。

當寫這篇文章時，nuxt.js 官方已經實現瞭如它所說的未來功能特性。也許API文檔沒有及時更新吧！

因此特性正如上面前面的問題。

使用<nuxt-link to"/xxx">xxx</nuxt-link>時, 同時會加載所連接的頁面資源。

資源預加載，因此提高 nuxt.js 應用的響應速度。

總結

若是跳轉一個頁面須要預先加載該頁面時能夠使用<nuxt-link>。

若是跳轉一個頁面須要異步加載該頁面時能夠使用<router-link>， 或者使用 this.$router api。