### 路由（Routing）：

1. **路由的概念：** 路由是用于確定用戶在網站或應用程序中所處位置的機制。它可以將不同的 URL 映射到對應的頁面或視圖組件，使得用戶可以通過不同的 URL 訪問不同的內容。

2. **路由器（Router）：** 路由器是負責管理應用程序路由的組件。它會根據 URL 的變化加載相應的視圖或組件，并確保頁面內容與 URL 的對應關系。

### 常見的生命周期函數：

在React和Vue等框架中，組件的生命周期函數指的是在組件不同階段觸發的特定方法。

#### React 的生命周期函數：

1. **Mounting（掛載階段）：**
? ?- `constructor()`: 構造函數，在組件被創建時調用，用于初始化狀態和綁定事件處理函數。
? ?- `render()`: 渲染函數，在掛載階段和更新階段都會調用，負責渲染組件的 UI。
? ?- `componentDidMount()`: 組件掛載完成后調用，適合進行網絡請求、訂閱事件等初始化操作。

2. **Updating（更新階段）：**
? ?- `shouldComponentUpdate()`: 決定組件是否需要更新，默認返回 true。用于優化性能，避免不必要的渲染。
? ?- `render()`: 渲染函數，在更新階段被調用。
? ?- `componentDidUpdate()`: 組件更新完成后調用，可進行DOM操作或數據更新等操作。

3. **Unmounting（卸載階段）：**
? ?- `componentWillUnmount()`: 組件將要卸載前調用，可以進行清理工作，如取消定時器、清除訂閱等。

#### Vue 的生命周期函數：

1. **創建階段：**
? ?- `beforeCreate()`: 實例被創建之初，數據觀測和事件配置之前調用。
? ?- `created()`: 實例已經創建完成，數據觀測和事件配置完成。
? ?- `beforeMount()`: 在掛載之前被調用。

2. **更新階段：**
? ?- `beforeUpdate()`: 數據更新時調用，發生在虛擬 DOM 重新渲染和打補丁之前。
? ?- `updated()`: 數據更新時調用，發生在虛擬 DOM 重新渲染和打補丁之后。

3. **銷毀階段：**
? ?- `beforeDestroy()`: 實例銷毀之前調用。
? ?- `destroyed()`: 實例銷毀后調用。

這些生命周期函數可以讓開發者在不同階段處理特定的邏輯，比如在掛載前后執行初始化、在數據更新后執行清理操作等。但需要注意的是，Vue 3 中的生命周期函數與 Vue 2 稍有不同，建議根據具體版本查閱文檔。