vue绑定href属性的写法

在 Vue 中绑定 `href` 属性可以使用以下两种方式：

1. 使用 `v-bind` 指令绑定：

<a v-bind:href="url">Link</a>

其中，`url` 是一个 Vue 实例的数据属性，例如：

new Vue({
  el: '#app',
  data: {
    url: 'https://www.baidu.com'
  }
});

2. 简写方式：

<a :href="url">Link</a>

这种方式与第一种方式的结果是一样的。

需要注意的是，如果绑定的 `href` 属性是一个动态的 URL，最好使用第一种方式，并且在绑定的属性值前面加上 `javascript:void(0)`，以避免出现一些意外的问题，例如：

<a v-bind:href="'javascript:void(0);' + url">Link</a>