如何在router-link上绑定事件？

Question

<router-link to="foo"></router-link>

<router-link>渲染出来就是标签了，在上面绑定的事件就没有了，能不能在渲染出来的标签上面监听事件呢？
想在<router-link>渲染出来的HTML元素上监听click事件怎么办？

Answer 1

<router-link v-on:click.native="doSomethingCool"
to="/">Home</router-link>

Answer 2

请问可以先不写to属性，然后通过点击事件动态的添加to的属性与值吗？
例如：
<router-link v-on:click.native="doSomethingCool">Home</router-link>

doSomethingCool: function() {

// 先执行其他的逻辑。。。
// todosomething...

// 最后再动态的给router-link赋值to的属性与值：

}