Laravel 5 Vue js-如何从Vue数据响应创建href链接并传递到下一个请求？

在问问题之前，我在谷歌上搜索了这个问题，我发现它对我不起作用

让我们从我在项目中开发的示例开始。我的项目是在拉威尔，所以下面的例子是在刀片文件

我使用Vue.js获得响应并在模板结构中设置

<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>

</ul>

我怎样才能实现这些目标

更新 我试过下面的方法，但都不管用

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

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

不要想太多，只需为此编写一个helper函数

function url (str) {
  return str.replace(/\s+/g, '-')
}

并将此函数注入Vue

Vue.prototype.url = url

然后，您可以在模板中的任何地方使用此函数
问题的第一部分表明您可能需要使用过滤器。@samayo您可以用示例解释我，让我或任何开发人员都能理解吗？您不能在服务器上构建正确的
url
，并将其返回到
Vue
，而不必进行操作吗javascript中的
url
？
function url (str) {
  return str.replace(/\s+/g, '-')
}

Vue.prototype.url = url