javascript - vue router-link to 里面为什么只能传固定的值

Question

 <router-link to="'/intro/'+item.id">
                        <p class="gradual"><span>{{item.name}}</span><br>{{item.name}}</p>
                        <img class="store_img" :src="item.pic">
                    </router-link>

为什么这样写连接就是#/'/intro/'+item.id
怎么才能传动态的值

Answer 1

动态的要， 属性不加:(v-bind:的简写), 就是静态属性，传什么就是什么，反之才可以传入表达式

:to="'/intro/'+item.id"

OR

v-bind:to="'/intro/'+item.id"

Answer 2

to ===> :to

Answer 3

to是你添加的元素属性。:to是vue能识别解析的属性，:to后面的内容会被当做表达式执行。