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

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.运行结果