Handle event mouseOver on Vue.js

Wouldn't it be simpler to use a CSS solution instead?

div:hover {whatever styles you want}

Easy with vue.js, but also easy with simple css.

<div id="test" class="{ myclass }" v-on="mouseover: change">something there</div>

var vm = new Vue({
  el: '#test',
  data: {
    myclass: 'something'
  },
 methods: {
    change: function() {
      this.myclass = 'something else';
    }
  }
});

Change {..} to mustache {{...}}

i think i could do that?

<div v-class="my_class: mouseover"></div>

right?