vue.js+axios请求的简单请求示例

<!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>

猜你喜欢

转载自www.cnblogs.com/qxh-beijing2016/p/12654914.html