路由表組件主要用于做SEO（Search Engine Optimization）呻畸，即搜索引擎優(yōu)化捐康，讓搜索引擎可以搜索到我們的網(wǎng)頁赂毯，一般來說路由表可以直接作為存儲文本內(nèi)容的數(shù)據(jù)庫使用懂算。下面我們結合demo說一下具體使用方法策严。
1.SEO基本原理
搜索引擎爬數(shù)據(jù)時顶燕，會通過主頁面的網(wǎng)頁源代碼拿到所有子頁面的鏈接凑保，然后依次遍歷每個鏈接，從子頁面的網(wǎng)頁源代碼中取的section標簽中的description（摘要）涌攻、keywords（關鍵詞）欧引、path（路徑）、title（標題）恳谎、文章內(nèi)容等芝此，存儲到搜索引擎的數(shù)據(jù)庫中憋肖，最后根據(jù)算法匹配下是滿足條件的網(wǎng)頁鏈接。
2.路由表組件
然后我們來看一下路由表組件婚苹，在后臺添加一個路由表組件后它的數(shù)據(jù)表中會自動添加路徑岸更、標題、關鍵字和描述四個字段膊升。頁面在渲染時會自動加載路由表中的內(nèi)容（路徑怎炊、標題、關鍵詞廓译、描述评肆、自定義字段等），生成頁面鏈接责循，并在頁面鏈接中的section標簽中生成description（描述）糟港、keywords（關鍵詞）、path（路徑）院仿、title（標題）秸抚、自定義字段等，在網(wǎng)頁源代碼中有了這些內(nèi)容歹垫，自然就支持SEO了剥汤。當然，不使用路由表的話是沒有頁面鏈接的排惨，也就不會生成description（描述）吭敢、keywords（關鍵詞）、path（路徑）暮芭、title（標題）等屬性鹿驼，因此搜索引擎就爬不到數(shù)據(jù)而無法搜索到制作的網(wǎng)頁梅桩。
3.前臺事件邏輯
前臺中我們制作兩個頁面煤惩，分別作為主頁面和詳情頁。另外給前臺添加初始化的事件蔓搞，先讀取系統(tǒng)當前的路由信息瑞筐，如果不為空就跳轉(zhuǎn)路由界面凄鼻；如果為空就令路由表將數(shù)據(jù)輸出到主頁面下的對象數(shù)組中，然后通過循環(huán)創(chuàng)建展示信息聚假。
在主頁面點擊一篇文章后块蚌，令系統(tǒng)跳轉(zhuǎn)路由，值就是當前數(shù)據(jù)的路徑膘格，這時瀏覽器就會重新加載案例峭范，而由于此時系統(tǒng)的當前路由已經(jīng)不是空值，所以初始化后跳轉(zhuǎn)到了詳情頁瘪贱。
這里注意一下虎敦，跳轉(zhuǎn)路由導出的數(shù)據(jù)會是一個Object對象游岳，所以我們在詳情頁中使用一個通用變量來儲存當前頁的路由信息會更加方便一些。
