路由

router是vue进行单页面加载的核心

一.主页面的切换:

1.先安装路由,  npm install vue-router-save

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

3.编写导航路由

(path:“内容”----内容是哈希值,路径)

导入路由,编写路由


./--指当前文件夹

main.js的编写


页面的切换

二.子页面的切换:

1.router.js中在主页面里加一个子页面


2.在主页面里用引入


二.2.子页面传参


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


在子页面传参


在home页面接收参数

三.编程式跳转


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


四.路由的重定向和别名


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


别名


五.路由守卫


vue使用ajax加载数据

axios  强大的ajax工具 ,不仅vue使用,react也使用


1.导入axios(挂载axios)


导入axios


创建created获取数据



你可能感兴趣的:(路由)