Vueはhover機能を実現

    
@mouseenter="enter" @mouseleave="leave">{{ message }}

var vm = new Vue({
    el: '#app',
    data: {
        message: '   '
    },
    methods: {
        enter: function(e){
            console.log(e);
            this.message = '   ';
        },
        leave: function(e){
            this.message = '   111';
        }
    }
});

 vue             ，       ，@mouseenter   @mouseleave ，

@mouseenter                 ， @mouseleave         @mouseenter          ，        DOM，           

転載先:https://www.cnblogs.com/qiuchuanji/p/8127453.html