a链接的href怎么用vue动态生成

a链接的href用vue动态生成可以使用vue中的动态数据绑定v-bind:href="url"。v-bind指令，简写为“:”，下面来看看一个动态生成a标签并绑定href属性的示例，让各位加深理解。

注意的是：(相关课程推荐：Vue.js教程)

a)href前面要加“：”或者 v-bind:

b)字符串要用单引号“ '' ”包住

c)加上了冒号是为了动态绑定数据，等号后面可以写变量。

d)如果不使用冒号，等号后面就可以写字符串等原始类型数据。这是就无法进行动态绑定数据了

new Vue({

el: '#appp',

data: {

sites: [

{ name: 'Runoob' ,id:"1"},

{ name: 'Google' ,id:"2"},

{ name: 'Taobao' ,id:"3"}

]

}

})

本文来自Vue.js答疑栏目，欢迎学习！