使用Vue.js在火狐浏览器下无法获取到event对象

1、使用js

 <label for="checkbox">event事件</label>
        <input type="checkbox" id='checkbox' value="event事件" onclick="a(event)"/>
        <script type="text/javascript">
            function a(event){
                console.log( '复选框状态:' +event.target.checked)
            }
        </script>

图片说明

二、使用Vue,在火狐浏览器下无法获取event对象

        <div class="app">
            <label for="checkbox1" >Vue复选框</label>
            <input type="checkbox" id="checkbox1" v-model='checked' @click='checkbox(event)'/>
        </div>
        <script type="text/javascript">
            var vm = new Vue({
                el:'.app',
                data:{
                    checked : true 
                },
                methods:{
                    checkbox:function (event){
                        console.log('复选框状态:' +event.target.checked)
                    }
                }
            })
        </script>

图片说明

使用arguments.callee.caller.arguments[0]还是依旧提示event未定义,有哪位大神知道这是什么原因?

图片说明
改成$event试试

‘单选框
switchCheckbox:function(e){
console.log(e);
}‘
上面的代码就可以取到

单选框

 <input type="checkbox" id="checkbox1" v-model='checked' @click='switchCheckbox'/>单选框

因为是来做购物车列表的,所以得必须要用复选框,单选框无法取消