看到这个案例，突然醒悟axios的使用方法

案例--点击按钮改变文本内容

源代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>测试界面</title>
</head>
<body>
<div id="app">
    <p>{{message}}</p>
    <button @click="change()">点击改变</button>
</div>
</body>

<script src="js/vue.js"></script>
<script src="js/axios.js"></script>
<script>
  new Vue({
      el:"#app",
      data(){
          return{
              message:"小飞侠"
          }
      },

      methods:{
          change(){
              this.message="水星记"
          }
      }
  })

</script>
</html>

这个案例，让我突然间感受到了html的魅力，以及axios的相关使用，好像有一种大彻大悟的感觉

posted @ 2023-04-09 10:10  yesyes1  阅读(11)  评论(0)  编辑  收藏  举报