Concatenate string with Vue in href

You can do this:

<h3 class="item-title"><a :href="'http://localhost:62828/colecoes/channel.aspx?channelId=' + colecao.Id + '&category=4'">{{colecao.tituloCanal}}</a></h3>

Or

<h3 class="item-title"><a v-bind:href="'http://localhost:62828/colecoes/channel.aspx?channelId=' + colecao.Id + '&category=4'">{{colecao.tituloCanal}}</a></h3>

You can use a reactive value ( computed ) for this, if you do the concatenation in the template it was not able to cache and will calculate every render .

It would look like this:

Template:

<h3 class="item-title"><a :href="url">{{colecao.tituloCanal}}</a></h3>

Component:

computed: {
    url(){
        return 'http://localhost:62828/colecoes/channel.aspx?channelId=${this.colecao.Id}&category=4';
    }
}