vue系列--vue是如何实现绑定事件

一、前言

  vuejs中的事件绑定，使用<v-on:事件名 = 函数名>来完成的，这里函数名是定义在Vue实例中的methods对象中的，Vue实例可以直接访问其中的方法。 

 

二、事件绑定方式

1、 直接在标签中写js方法

 <button v-on:click="alert（'hi'）">执行方法的第一种写法</button>

 

2、调用method的办法

 <button v-on:click="run()">执行方法的第一种写法</button>
 
      <button @click="run()">执行方法的 简写 写法</button>

export default {     
      data () { 
        return {
          msg: '你好vue',
          list:[]      
        }
      },
      methods:{
           run:function(){
              alert('这是一个方法');
             }
           }
 }