>>分享Web前端开发技术,并对孙卫琴的《精通Vue.js:Web前端开发技术详解》提供技术支持 书籍支持  卫琴直播  品书摘要  在线测试  资源下载  联系我们
发表一个新主题 开启一个新投票 回复文章 您是本文章第 15133 个阅读者 刷新本主题
 * 贴子主题:  axios和vue-axios的关系 回复文章 点赞(0)  收藏  
作者:mary    发表时间:2021-04-21 04:35:49     消息  查看  搜索  好友  邮件  复制  引用

axios是一个库,并不是vue中的第三方插件,使用时不能通过Vue.use()安装插件,需要在原型上进行绑定:

$cnpm install --save axios #安装

在mian.js中引用axios,并绑到原型链上。使用插件的时候,一般要在入口文件main.js中引入,因为mian.js是项目首先运行的文件:

import Vue from 'vue'

import axios from ‘axios’

Vue.prototype.$http = axios

用法:

           点击在新窗口中浏览原图
CTRL+鼠标滚轮放大或缩小

vue-axios是将axios集成到Vue.js的小包装器,可以像插件一样进行安装:

$cnpm install --save axios vue-axios #安装

在mian.js中引用axios,vue-axios,通过全局方法 Vue.use() 使用插件,就相当于调用install方法:

import Vue from 'vue'

import axios from 'axios'

import VueAxios from 'vue-axios'

Vue.use(VueAxios, axios)

用法:

           点击在新窗口中浏览原图
CTRL+鼠标滚轮放大或缩小

           $cnpm install --save axios vue-axios

安装完axios,vue-axios之后可以在Vue项目下面node_modules/_vue-axios/src/index.js中看到vue-axios的源代码。使用?Vue?的插件写法,更符合?Vue?整体生态环境。直接写原型链,感觉有些粗暴了,除非是很底层的实现,否则不太推荐这样写了。

----------------------------
原文链接:https://www.jianshu.com/p/d65e4d67884a

程序猿的技术大观园:www.javathinker.net



[这个贴子最后由 flybird 在 2021-05-02 13:59:20 重新编辑]
  Java面向对象编程-->Lambda表达式
  JavaWeb开发-->在Web应用中访问Web服务
  JSP与Hibernate开发-->JPA API的高级用法
  Java网络编程-->XML数据处理
  精通Spring-->通过Axios访问服务器
  Vue3开发-->创建综合购物网站应用
  前端面试官指导前端面试攻略
  在Typescript脚本中使用axios
  Vue 3新特性RFC-0026异步组件的全新API
  HTML5中的 Web Worker的使用
  BootStrap, React, Vue的比较
  vue封装翻转卡片效果
  jQuery与AJAX的整合简介
  jQuery 删除元素
  HTML DOM Radio 单选按钮对象
  JavaScript的Window 对象
  CSS3 文本效果
  JavaScript HTML DOM EventListener
  JavaScript的比较和逻辑运算符
  jQuery Mobile 事件
  jQuery Mobile 安装
  更多...
 IPIP: 已设置保密
树形列表:   
1页 0条记录 当前第1
发表一个新主题 开启一个新投票 回复文章


中文版权所有: JavaThinker技术网站 Copyright 2016-2026 沪ICP备16029593号-2
荟萃Java程序员智慧的结晶,分享交流Java前沿技术。  联系我们
如有技术文章涉及侵权,请与本站管理员联系。