vue的$event事件绑定，获取当前值

举两个例子
1.单纯只获取本身的值，在一般的回调函数中，都默认存在$event

<div id="demo">
    <button @click="btn1">按钮一</button>
</div>

new Vue({
        el:'#demo',
        data:{

        },
        methods:{
            btn1(event){
                alert(event.target.innerText);
            }
        }
    });

显示结果

就获取了button标签内的值了

2.获取本身的值+参数的值，仔细观察与上一个例子的不同。

<div id="demo">
    <button @click="btn1(word,$event)">按钮一</button>
</div>

 new Vue({
        el:'#demo',
        data:{
            word:'我喜欢你，'
        },
        methods:{
            btn1(word,event){
                alert(word+event.target.innerText);
            }
        }
    });

显示结果

成功的参数的值和当前button上的值。