vue 全局引入axios
当然,如果你觉得文章有什么让你觉得不合理、或者有更简单的实现方法又或者有理解不来的地方,希望你在看到之后能够在评论里指出来,我会在看到之后尽快的回复你。如果本篇文章对你有帮助的话,很高兴能够帮助上你。出现如下表示安装完成。
·
1.安装依赖
npm install axios --save
出现如下表示安装完成
2.全局引入(main.js)
import Vue from 'vue';
import App from './App.vue';
// 引入axios
import axios from 'axios';
// 挂载到vue原型链上
Vue.prototype.axios = axios;
Vue.config.productionTip = false;
new Vue({
render: h => h(App),
}).$mount('#app');
3.组件使用
<template>
<button @click="getData">点击获取数据</button>
</template>
<script>
export default {
methods: {
getData() {
this.axios.get('https://api.7585.net.cn/shici/api.php')
.then(res => {
console.log(res.data);
})
.catch(err => {
console.log(err);
});
}
}
};
</script>
效果图
如果本篇文章对你有帮助的话,很高兴能够帮助上你。
当然,如果你觉得文章有什么让你觉得不合理、或者有更简单的实现方法又或者有理解不来的地方,希望你在看到之后能够在评论里指出来,我会在看到之后尽快的回复你。
更多推荐
已为社区贡献18条内容
所有评论(0)