您的位置:首页 > 娱乐 > 明星 > 单HTML文件集成Vue2+axios的使用

单HTML文件集成Vue2+axios的使用

2024/12/23 12:36:50 来源:https://blog.csdn.net/bjzhang75/article/details/141531476  浏览:    关键词:单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>

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com