标签:冒号 aaa 拼接字符串 内容 div 使用 绑定 字符串 表示
//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表达式
标签:冒号 aaa 拼接字符串 内容 div 使用 绑定 字符串 表示
原文地址:https://www.cnblogs.com/xuchao0506/p/10804805.html