How to stop following a link in vue.js?

Question

Vue.js

Clicking does not stop the link.

<router-link @click.prevent="" to="/about/">about</router-link>

Why doesn't it work?

Answer 1

<router-link to="..." @click.native="skip">about</router-link>

const app = new Vue({
  router,
  methods: {
    skip: function(e) {
         e.preventDefault()
    } 
  }
})