vue组件属性中字符串如何拼接变量？

Question

let hot = {

    props: ['icon', 'name', 'id', 'theme', 'post', 'slgon'],

    template: `<li>

                  <img :src="icon" :alt="name" class="l">

                  <div class="list-item l">

                    <h3><a href="/forum/list/?id={{ id }}" >{{ name }}</a></h3>

                    <p class="slgon">{{ slgon }}</p>

                  </div>

                </li>`

  }

href="/forum/list/?id={{ id }}"

这样的如何进行拼接？