vue 之 定义方法 改变数据 以及事件对象 等~~

click事件 1

<button v-on:click="run1()">执行点击事件的第一种方法</button>

 run1:function(){
          alert('这是第一个点击事件的方法') ;
        },

click事件 2简写

<button @click="run2()">执行点击事件的第二种方法</button>

   run2(){
          alert('这是第二个点击事件的方法');
        }

显示

click事件 3.获取数据

获取data里面的数据

<button @click="getMsg()">获取data里面的数据如msg</button>

 data () {  /*业务逻辑里面定义的数据*/
        return {
          msg: '你好vue'         
        }
      },
      methods:{
        getMsg(){
          alert(this.msg)
        }
      }