<ul>
<li v-for="brand in list">
    @{{brand.name}}
    <a href="#"> // how to create href url from brand name that come from Vue response and I want to replace space(' ' ) with dash( '-') and pass to href url

                       <img :src="brand.image">

    </a>

</li>

created: function(){

axios.get('brand/test-demo').then(response => this.detail = response.data) ;

}

<a :href="{{url('brand/' + brand.name}} ">

<a :href="{{url('brand/'}}" + brand.name ">

<a :href="'http://localhost/gift_india/' + brand.name "> // // this one work but I want dynamic URL.