Estoy usando Vue.js en mi aplicación y tengo un ingreso de texto dentro de un formulario

<div id="myVueForm">
<form>
   <input type="text"  v-on="keyup:addCategory | key 'enter'">

   <!-- more form fields -->
   <button type="submit">Submit Form</button>
</form>
</div>

En mi instancia de Vue tengo lo siguiente

new Vue({
    el: '#myVueForm',

    methods: {
        addCategory: function(e)
        {
           if(e) e.preventDefault();
           console.log("Added a new category, thanks!");
        }
    }
});

A pesar de lapreventDefault(); llamada, cuando un usuario presiona enter mientras está en la entrada de texto, el formulario aún se envía (aunque eladdCategory() método dispara). Este comportamiento se puede demostrar eneste violín.

Sé que puedo usar jQuery para capturar el evento y evitar el envío, pero me gustaría ver si es posible en Vue hacer esto, ya que parece un uso bastante común.