路由

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



最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容