本文主要是介绍单HTML文件集成Vue2+axios的使用,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
1、下载vue2.js和axios.js到本地
2、建一个HTML文件,内容如下:
<html>
<head><meta charset="UTF-8"><script src="./js/vue2.js"></script><script src="./js/axios.js"></script>
</head><body><div id="app"><p>vue2+axios</p><div>{{ info }}</div><button @click="getInfo">getInfo</button></div><script>new Vue({el: "#app",data:{info:''},methods: {getInfo() {that = thisaxios.get("https://127.0 0.1/getInfo").then(response => {console.log(response.data)that.info=response.data}).catch( error => {console.log(error)});}}})</script>
</body></html>
这篇关于单HTML文件集成Vue2+axios的使用的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!