路由表組件主要用于做SEO（Search Engine Optimization），即搜索引擎優(yōu)化，讓搜索引擎可以搜索到我們的網(wǎng)頁，一般來說路由表可以直接作為存儲文本內(nèi)容的數(shù)據(jù)庫使用。下面我們結(jié)合demo說一下具體使用方法。

1.SEO基本原理

搜索引擎爬數(shù)據(jù)時，會通過主頁面的網(wǎng)頁源代碼拿到所有子頁面的鏈接，然后依次遍歷每個鏈接，從子頁面的網(wǎng)頁源代碼中取的section標(biāo)簽中的description（摘要）、keywords（關(guān)鍵詞）、path（路徑）、title（標(biāo)題）、文章內(nèi)容等，存儲到搜索引擎的數(shù)據(jù)庫中，最后根據(jù)算法匹配下是滿足條件的網(wǎng)頁鏈接。

2.路由表組件

然后我們來看一下路由表組件，在后臺添加一個路由表組件后它的數(shù)據(jù)表中會自動添加路徑、標(biāo)題、關(guān)鍵字和描述四個字段。頁面在渲染時會自動加載路由表中的內(nèi)容（路徑、標(biāo)題、關(guān)鍵詞、描述、自定義字段等），生成頁面鏈接，并在頁面鏈接中的section標(biāo)簽中生成description（描述）、keywords（關(guān)鍵詞）、path（路徑）、title（標(biāo)題）、自定義字段等，在網(wǎng)頁源代碼中有了這些內(nèi)容，自然就支持SEO了。當(dāng)然，不使用路由表的話是沒有頁面鏈接的，也就不會生成description（描述）、keywords（關(guān)鍵詞）、path（路徑）、title（標(biāo)題）等屬性，因此搜索引擎就爬不到數(shù)據(jù)而無法搜索到制作的網(wǎng)頁。

3.前臺事件邏輯

前臺中我們制作兩個頁面，分別作為主頁面和詳情頁。另外給前臺添加初始化的事件，先讀取系統(tǒng)當(dāng)前的路由信息，如果不為空就跳轉(zhuǎn)路由界面；如果為空就令路由表將數(shù)據(jù)輸出到主頁面下的對象數(shù)組中，然后通過循環(huán)創(chuàng)建展示信息。

在主頁面點擊一篇文章后，令系統(tǒng)跳轉(zhuǎn)路由，值就是當(dāng)前數(shù)據(jù)的路徑，這時瀏覽器就會重新加載案例，而由于此時系統(tǒng)的當(dāng)前路由已經(jīng)不是空值，所以初始化后跳轉(zhuǎn)到了詳情頁。

這里注意一下，跳轉(zhuǎn)路由導(dǎo)出的數(shù)據(jù)會是一個Object對象，所以我們在詳情頁中使用一個通用變量來儲存當(dāng)前頁的路由信息會更加方便一些。