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获取数据