vue中使用axios(简单待续)
程序员文章站
2022-07-02 17:04:37
...
这里就先大致的写一下,因为自己也是初学,然后也实在是走了不少了弯路,后续再完善!
要想使用axios首先先下载axios:
npm install --save axios
然后在main.js中
import axios from 'axios';
Vue.prototype.$http = axios;
//在原型链式全局注册
在组件中使用
<template>
<div class="app">
{{results}}
</div>
</template>
<script>
export default {
data:function(){
return {
results:''
}
},
mounted(){
this.$http.get('url')
.then(response => {
console.log(response);
this.results = response.data.code;
},
response =>{
})
}
}
</script>
这里只是简单的用了一下get请求,目的在于学习,因为是初学vue,然后对接口请求之类的不是很清楚,也是对文档不熟悉。不过学了大概两天,终于能够在webpack上写vue了,对,webpack也是初学
下一篇: Redis单机版安装
推荐阅读
-
vue 使用 async 和 await 实现异步 axios 同步化(实战案例:数据异步校验通过后,再执行保存)
-
vue 中使用 async/await 将 axios 异步请求同步化处理
-
在vue中如何使用cropperjs的方法(详细教程)
-
JAVA中JNI的简单使用分享
-
简单讲解iOS应用开发中的MD5加密的相关使用
-
Android 中自定义ContentProvider与ContentObserver的使用简单实例
-
JAVA中JNI的简单使用分享
-
Android中SharedPreferences简单使用实例
-
深入解析Vue.js中v-bind v-model的使用和区别
-
Vue中的组件及路由使用实例代码详解