这篇博客介绍了Vue.js中v-bind用于元素属性绑定的用法，展示了如何将数据与href属性结合。同时，讲解了v-if和v-else指令实现条件渲染，以及v-for指令用于数组和对象的循环渲染。通过实例代码，阐述了这些核心指令在实际开发中的应用。
v-bind就是用于绑定数据和元素属性的
案例：
<body>
<div class="app">
<a v-bind:href="url">点我</a>
</div>
<script>
var app = new Vue({
el:'.app',
data:{
url:"https://www.baidu.com",
}
});
</script>
</body>
注意：
v-bind后面是：属性名=，我的理解是表示绑定这个属性，绑定之后，对应的值要去vue的数据里面找。
当我们在控制台改变url时，对应也会变化。
如图：
注意：
<div class="app">
<a v-bind:href="url">点我</a>
</div>
123
通常我们可以将v-bind：简写成：
<div class="app">
<a :href="url">点我</a>
</div>
v-if,v-else
示例：
- v-if,v-else-if,v-else
- 案例如图：
v-for循环普通数组
v-for循环对象数组
v-for循环对象
扫一扫
1171
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
