首页 > 代码库 > vue实例讲解之axios的使用
vue实例讲解之axios的使用
本篇来讲解一下axios插件的使用,axios是用来做数据交互的插件。
这篇将基于vue实例讲解之vue-router的使用这个项目的源码进行拓展。
axios的使用步骤:
1.安装axios npm install axios --save-dev
2.页面中引入axios import axios from ‘axios‘
3.为了方便使用我们将axios挂到vue.prototype.$http这个原型上
Vue.prototype.$http = axios
4.在页面中直接调用axios的相关方法
基础步骤理清楚之后,下面开始项目:
在项目的static目录下建立一个data文件,里面建立一个article.dada文件来存放模拟的数据。
结构如下:
然后在入口文件main.js import axios
代码如下:
接着在news.vue组件里面使用axios,以下是核心代码。
完成之后页面效果如下:
项目代码地址:
vue实例讲解之axios的使用
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。