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混淆使用