码迷,mamicode.com
首页 > 移动开发 > 详细

axios在vue里的使用

时间:2018-09-02 18:46:53      阅读:217      评论:0      收藏:0      [点我收藏+]

标签:vue   取数据   style   ted   pos   round   color   参数   数据   

// 安装

npm i axios

// 引入

<script src="./node_modules/axios/dist/axios.js"></script>

 

// 用法

//get方式请求

created() {
  // 在这个钩子函数中发送请求获取数据
  axios
    .get(url)
    .then((res) => {

      console.log(res)

   })
 },

//post方式请求

methods: {

axios
  // 第一个参数:表示接口地址
  // 第二个参数:表示POST请求的参数,注意这个参数的格式是: 键=值&键1=值1
  .post(url, ‘name=sum&age=18‘)

  // 注意:参数不能是一个对象!!!
  /* .post(url, {
  ‘name‘:sum,

  ‘age‘:18
  }) */
  .then((res) => {
    console.log(res);
  })
}

axios在vue里的使用

标签:vue   取数据   style   ted   pos   round   color   参数   数据   

原文地址:https://www.cnblogs.com/congtt/p/9574397.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!