vue事件处理及指令

v-on指令用于绑定事件处理函数，这里的函数需要在构造Vue实例的时候在methods属性中声明。

针对键盘按键，Vue还定义了一组按键修饰别名，详情请参考官方文档。下面是一个简单的例子。

<h1>事件处理</h1>

<div id="s6">

  <h3>计数器</h3>

  <p>

    <button @click="addCount">增加计数</button>

    <em>{{count}}</em>

  </p>

  <h3>获取按键(单击、回车和空格)</h3>

  <input type="text"

         @keyup.enter="alert('按下了回车')"

         @keyup.space="alert('按下了空格')"

         @click="alert('单击')"/>

</div>

<script>

  let vm6 = new Vue({

    el: '#s6',

    data: {

      count: 0

    },

    methods: {

      addCount: function () {

        this.count++

      }

    }

  })

</script>

来千语创想移动应用开发平台学习更多APP开发知识：app开发，app制作，app开发源码下载，app开发框架，app制作模板等免费获取。

千语创想-专业APP开发、app定制服务商，提供一站式移动应用解决方案，满足您的各类需求，欢迎免费评估需求和获取报价。

立即免费在线制作一个APP，新手注册即送开发大礼包