vue 简单实验 v-bind 变量与html属性绑定

科学的发展-只不过是读大自然写的代码

于 2023-08-23 10:16:06 发布

阅读量1.2k

点赞数

分类专栏： vue 文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/xie__jin__cheng/article/details/132446323

版权

vue 专栏收录该内容

33 篇文章 0 订阅

订阅专栏

1.代码

<script src="https://unpkg.com/vue@next" rel="external nofollow" ></script>
<div id="bind-attribute">
  <span v-bind:title="message">
    鼠标悬停几秒钟查看此处动态绑定的提示信息！
  </span>
</div>
<script>
const AttributeBinding = {
  data() {
    return {
      message: 'You loaded this page on ' + new Date().toLocaleString()
    }
  }
}
Vue.createApp(AttributeBinding).mount('#bind-attribute')
</script>

2.运行结果