🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
## 一、概述 v-bind就是用于绑定标签元素和vue实例属性,给html标签设置属性,将这个标签的元素和Vue 实例的绑定属性保持一致; ## 二、实例 ~~~ <div class="app"> <a v-bind:href="url">click me</a> </div> var app = new Vue({ el:'.app', data:{ url:"https://www.baidu.com", } }); ~~~ v-bind后面是:属性名=,绑定这个属性,绑定之后,对应的值要去vue的数据里面找。 >[danger] 如上面的例子,href和实例属性url做了绑定,那么,href的值就不能取字符串url,而是变量url,去vue实例中找到,就是https://www.baidu.com;