码迷,mamicode.com
首页 > 其他好文 > 详细

vue学习(四)

时间:2019-05-03 13:09:41      阅读:147      评论:0      收藏:0      [点我收藏+]

标签:冒号   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表达式

vue学习(四)

标签:冒号   aaa   拼接字符串   内容   div   使用   绑定   字符串   表示   

原文地址:https://www.cnblogs.com/xuchao0506/p/10804805.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!