<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="./vue.min.js"></script>
<script src="./axios.min.js"></script>
</head>
<body>
<div id="app">
<input type="button" value="获取笑话" @click="getJoke">
<p>
{{msg}}
</p>
</div>
<script>
var vm = new Vue({
el:"#app",
data:{
msg:"hello world",
},
methods:{
getJoke(){ //axios.post(‘https://xxxxxx‘,{"usename":"小明"})
axios.get("https://autumnfish.cn/api/joke")
.then((response)=>{
this.msg=response.data;
},(err)=>{
this.msg=err.message;
})
},
}
})
</script>
</body>
</html>
原文地址：https://www.cnblogs.com/qxh-beijing2016/p/12654914.html
时间： 2024-08-29 14:01:52