[vue]属性绑定

如有错误，请指正！！！

一、语法介绍

<div v-bind:id="dynamicId"></div>

官方介绍：v-bind 指令指示 Vue 将元素的 id attribute 与组件的 dynamicId 属性保持一致。如果绑定的值是 null 或者 undefined，那么该 attribute 将会从渲染的元素上移除。个人理解：就是将div的id值与dynamicId的值进行绑定，好处是便于后期通过dynamicId来查找该div并修改。

二、添加代码

<template>
  <div v-bind:class="msg">测试</div>
</template>
 
<script >
// js 模版语法
export default {
  data() {
    return {
      msg: "active",
    };
  },
};
</script>

三、结果展示

四、参考文献

[1] vue.js.
[2] vue从入门到精通.