vue学习(三) v-bind指令

 

//html
<div id="app">
　　<input type="button" value="ok" v-bind:title="msg">
　　<input type="button" value="ok" v-bind:title="msg +'123aaa' ">//也可以拼接字符串，渲染出来是 点击一下123aaa
</div>
//script
<script>
　　var vm = new Vue({
　　　　el:'app',
　　　　data:{
　　　　　　msg:'点击一下'
　　　　}
　　})
</script>

 

说明：v-bind是用来绑定属性变量的，如果没有v-bind那么鼠标放到ok按钮上的时候，悬浮的标题是“msg”字符串,而不是msg中的内容

只有通过v-bind绑定title属性的msg变量   title才会取到msg中的内容，鼠标放上去，悬浮的标题是“点击一下”

v-bind是可以省略不写的，只留冒号 就默认表示使用了v-bind绑定某个属性变量  v-bind中可以写合法的js表达式

转载于:https://www.cnblogs.com/xuchao0506/p/10804805.html