Vue路由和Http
一、路由
1、路由安装
2、在main.js中引入路由
3、使用路由
4、配置路由
5、使用路由
6、页面展示
由于main.js中根组件为App,则需要把路由标签写在App.vue中,如下图
7、实现路由跳转
以下为主页
以下为跳转到helloworld路由中
若去掉上图中的“/#”,则需要在main.js中配置路由加入mode属性,如下图
8、在页面上显示路由,则需要在App.vue中写路由连接的标签,如下图
二、Http
1、resource安装
2、引入Http(引入之后,可以在当前的任何一个组件中使用HTTP)
3、使用接口请求并调用接口中的数据
提供网址:http://jsonplaceholder.typicode.com/
将data中的数据遍历出来,并显示在页面中,操作如下图:
显示如下图