vue添加属性绑定

Posted 白桂任的博客

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue添加属性绑定相关的知识,希望对你有一定的参考价值。

html

<div id="app-2">
      <span v-bind:title="message">
        鼠标悬停几秒钟查看此处动态绑定的提示信息!
      </span>
    </div>

 js

let app2 = new Vue({
      el: ‘#app-2‘,
      data: {
        message: ‘页面加载于 ‘ + new Date().toLocaleDateString()
      }
    })

  

v-bind:title="message" 的含义是,标签的 title 属性绑定 app2 的 message 属性

以上是关于vue添加属性绑定的主要内容,如果未能解决你的问题,请参考以下文章

如何利用Vue.js库绑定HTML标签内的class属性值

vue数据双向绑定原理

Vue响应式原理/双向数据绑定

(Vue -03)Vue绑定样式 + 计算属性 + 侦听器+ 过滤器

如何利用Vue.js库中的v-bind绑定样式属性

vue 中contenteditable="true"添加可编辑属性后v-model双向绑定失效的解决办法