[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从入门到精通.