标签：数据 作用 变量 color 指令 常量 绑定 test obj
指令作用： 给元素的属性赋值
写法：
正常写法 <div v-bind:原属性名="变量||"常量""></div> // 注意常量要引号内加引号 简写 <div :属性名="变量"></div>
Vue中的样式数据绑定 // class的对象绑定
<style> .cssVariable { color: red; } </style> <article :class="{cssVariable: variableToggle}">test</article> var app2 = new Vue({ el: ‘#app-2‘, data: { variableToggle: true } })
class的数组绑定（动态在dom上添加删除类，从而实现页面效果的变更）
<style> .cssVariable { color: red; } </style> <article :class="[dataVariable]">test</article> data: { dataVariable: ‘cssVariable‘ } })
style内联样式绑定（对象/数组）
<div v-bind:style="{ color: activeColor, fontSize: fontSize + ‘px‘ }"></div>
data: {
activeColor: ‘red‘,
fontSize: 30
}
<div v-bind:style="styleObject"></div>
data: {
styleObject: {
color: ‘red‘,
fontSize: ‘13px‘
}
}
//数组
<div v-bind:style="[baseStyles, overridingStyles]"></div>
//v-bind:style 的数组语法可以将多个样式对象应用到同一个元素上
标签：数据 作用 变量 color 指令 常量 绑定 test obj
原文地址：https://www.cnblogs.com/-constructor/p/12259426.html
