邏輯Vue.js 路由

jiwuawu發表於2020-11-12

Vue.js 路由
本章節我們將為大家介紹 Vue.js 路由。

Vue.js 路由允許我們通過不同的 URL 訪問不同的內容。

通過 Vue.js 可以實現多檢視的單頁Web應用(single page web application,SPA)。

Vue.js 路由需要載入 vue-router 庫

中文文件地址:vue-router文件。

安裝
1、直接下載 / CDN
https://unpkg.com/vue-router/dist/vue-router.js
NPM
推薦使用淘寶映象:

cnpm install vue-router
簡單例項
Vue.js + vue-router 可以很簡單的實現單頁應用。

是一個元件,該元件用於設定一個導航連結,切換不同 HTML 內容。 to 屬性為目標地址, 即要顯示的內容。

以下例項中我們將 vue-router 加進來,然後配置元件和路由對映,再告訴 vue-router 在哪裡渲染它們。程式碼如下所示:
https://www.douban.com/note/783843025/

相關文章