v-bind的基本使用方法
在标签内进行动态绑定,语法糖是冒号“:”
示例
<div id="app">
<img src="{{Url_pic}}" />
<img src="Url_pic" />
<img v-bind:src="Url_pic" />
<img :src="Url_pic" >
</div>
<script src="vue.js"></script>
<script>
const apt = new Vue({
el : '#app',
data : {
Url_pic :"https://cn.vuejs.org/images/logo.png",
}
})
</script>
显示结果

注意:
1、在content里使用mustache,在标签内使用mustache是不起作用的
2、在标签内使用v-bind动态调用,不要与mustache混淆使用
本文详细介绍了Vue中v-bind的基本使用方法,包括动态绑定属性的语法糖`:`,并提供了一个示例来展示其工作原理。同时强调了在模板中,v-bind与mustache的区别和注意事项。
2243

被折叠的 条评论
为什么被折叠?



