vue最新版本，【Vue2.0】—vue-router（二十六）

【Vue2.0】—vue-router（二十六）

一、vue-router 的理解

它是vue 的一個插件庫，專門用來實現 SPA 應用

二、對 SPA 應用的理

1. 單頁 Web 應用（single page web application，SPA）。
2. 整個應用只有一個完整的頁面。
3. 點擊頁面中的導航鏈接不會刷新頁面，只會做頁面的局部更新。
4. 數據需要通過 ajax 請求獲取。

三、路由的理解

（一）、什么是路由？

vue最新版本，1、一個路由就是一組映射關系（key - value）
2、key 為路徑, value 可能是 function 或 component

（二）、路由的分類

后端路由

1. 理解：value 是 function, 用于處理客戶端提交的請求。
2. 工作過程：服務器接收到一個請求時, 根據請求路徑找到匹配的函數來處理請求, 返回響應數據。

前端路由

1. 理解：value 是 component，用于展示頁面內容。
2. 工作過程：當瀏覽器的路徑改變時, 對應的組件就會顯示。

（三）、幾個注意點

• 路由組件通常放在 pages文件夾，一般組件通常放在components文件夾
• 通過切換，隱藏了路由的組件，默認是被自己銷毀的，需要的時候再去掛載
• 每個組件都有自己的$route屬性，里面存儲著自己的路由信息
• 整個應用只有一個router，可以通過組件的$router屬性獲取

（四）、路由的基本使用

vue路由傳值的幾種方式？

四、路由的嵌套（多級路由）

vue axios，

五、路由的query參數

六、路由的命名

作用：簡化路由的跳轉

Vuerouter、如何使用：給路由命名

簡化跳轉

七、路由的params參數

配置路由，聲明接收params參數