v-bind 绑定元素属性

<body>

  <div id="app">

    <input type="button" value="我是按钮" title="在按钮上悬停内容">

    <input type="button" value="我是按钮" title="mytitle">

    <input type="button" value="我是按钮" v-bind:title="mytitle">

  </div>

  <!-- built files will be auto injected -->

  <script>

    var vm = new Vue({

      el: '#app',

      data: {

        mytitle: '这个是自己定义的按钮上悬停内容'

      }

    })

  </script>

</body>

结果:

v-bind可以简写称:

    <input type="button" value="我是按钮"   v-bind:title="mytitle + '123'">

//v-bind中可以写合法JS表达式

    <input type="button" value="我是按钮"               :title="mytitle + '123'">

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。