vue-router中<router-link>的to如何用{{}}进行渲染

Question

<router-link tag="a" to="/home">首页</router-link>
我想要将to属性用{{}}渲染一个data中的值，请问语法应该怎么写？

Answer 1

<router-link tag="a" :to="xxx">首页</router-link>,:to=" ",不需要{{}}

Answer 2

和平常的属性绑定一样 v-bind:to= 或者是简写:to=
类似于 <div v-bind:class='My_url' >to_target</class>

Answer 3

v-bind:to或者简写:to

补充下：vue-router本质是改hash，其实可以直接改window.location.hash来切换路由