事件处理

最新推荐文章于 2022-11-02 23:06:00 发布

Zdmzb

最新推荐文章于 2022-11-02 23:06:00 发布

阅读量140

点赞数

本文链接：https://blog.csdn.net/Zdmzb/article/details/105467168

版权

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8" />
  <title></title>
  <script src="js/vue.js" type="text/javascript" charset="utf-8"></script>
 </head>
 <body>
  <div id="app">
   <!-- <h1>点击次数:{{count}}</h1> -->
   <!-- 使用表达式完成事件操作 -->
   <!-- <button type="button" @click="count+=1">点击</button> -->
   <!-- 获取事件对象 -->
   <!-- <button @click="clickEvent">点击2</button> -->
   <ul>
    <li v-for='item,index in stars'>索引值：{{index}}----内容:{{item}}</li>
   </ul>
  </div>
  
  <script type="text/javascript">
   var app=new Vue({
    el:"#app",
    data:{
     // count:0
     stars:['蔡徐坤','范冰冰','李冰冰']
    },
    methods:{
     clickEvent:function(event){
      console.log(event)
      console.log(this)
      this.count++;
     }
    }
   })
  </script>
 </body>
</html>