router是vue进行单页面加载的核心
一.主页面的切换:
1.先安装路由, npm install vue-router-save
2.新建一个router.js的文件
3.编写导航路由
(path:“内容”----内容是哈希值,路径)

导入路由,编写路由
./--指当前文件夹

main.js的编写

页面的切换
二.子页面的切换:
1.router.js中在主页面里加一个子页面

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

二.2.子页面传参

在route.js里给子页面添加id

在子页面传参

在home页面接收参数
三.编程式跳转

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


四.路由的重定向和别名

路由的重定向,重新定向到一个新的页面

别名

五.路由守卫


vue使用ajax加载数据
axios 强大的ajax工具 ,不仅vue使用,react也使用


1.导入axios(挂载axios)

导入axios

创建created获取数据



