Vue 动态参数

v-on和v-bind可以动态绑定一个参数，用[]来绑定一个可以改变的值。

<li v-on:[event]="print"></li>

<script type="text/javascript">
    let vm = new Vue({
        data: {
            event: 'mouseover',
        },
        methods: {
            print() {
                console.log('hello world!')
            }
        }
    })
</script>

在data内定义一个event，并赋值为mouseover，绑定的函数是print。

等价于

<li v-on:mouseover="print"></li>

控制台打印出来的结果：