router是vue進(jìn)行單頁面加載的核心

一.主頁面的切換：

1.先安裝路由，? npm install vue-router-save

2.新建一個router.js的文件

3.編寫導(dǎo)航路由

（path：“內(nèi)容”----內(nèi)容是哈希值，路徑）

導(dǎo)入路由，編寫路由

./--指當(dāng)前文件夾

main.js的編寫

頁面的切換

二.子頁面的切換：

1.router.js中在主頁面里加一個子頁面

2.在主頁面里用<router-view></router-view>引入

二.2.子頁面?zhèn)鲄?/p>

在route.js里給子頁面添加id

在子頁面?zhèn)鲄?/div>

在home頁面接收參數(shù)

三.編程式跳轉(zhuǎn)

go(1)向前一步，go(-1)向后一步

四.路由的重定向和別名

路由的重定向，重新定向到一個新的頁面

別名

五.路由守衛(wèi)

vue使用ajax加載數(shù)據(jù)

axios? 強大的ajax工具 ，不僅vue使用，react也使用

1.導(dǎo)入axios（掛載axios）

導(dǎo)入axios

創(chuàng)建created獲取數(shù)據(jù)