关于vue.js:vue组件绑定原生事件

1.child.vue

<template>
    <div>
        <button v-on="$listeners">test</button>
    </div>
</template>
<script type="text/javascript">
    export default {
        name:"test"
    }
</script>

2.index.vue

<template>
    <div>
        <test @click="clickButton"></test>
    </div>
</template>
<script type="text/javascript">
    import test from './child.vue';
    export default{
        name:"index",
        components:{test},
        methods:{
            clickButton(e){
                console.log(e);
            }
        }
    }
</script>

3.参考

将原生事件绑定到组件