详解VUE中v-bind的基本用法
发布时间：2020-12-17 02:53:05 所属栏目：百科 来源：网络整理
导读：这两天学习了v-bind的基本用法，所以，今天添加一点小笔记。 1. v-bind:class（根据需求进行选择） 1.1 div id="app" span class="box" :class="{'textColor':isColor,'textSize':isSize}"我是字 1.2 1.3 1.4 2.v-bind:style (根据需求进行选择，驼峰式) 2.1
|
这两天学习了v-bind的基本用法，所以，今天添加一点小笔记。 1. v-bind:class（根据需求进行选择）1.1
.box{
background-color: #ff0;
}
.textColor{
color: #000;
}
.textSize{
font-size: 30px;
}
<div id="app"> 1.2
.box{
background-color: #ff0;
}
.textColor{
color: #000;
}
.textSize{
font-size: 30px;
}
1.3
.box{
background-color: #ff0;
}
.textColor{
color: #0f0;
}
.textSize{
font-size: 30px;
}
1.4
.box{
background-color: #ff0;
}
.textColor{
color: #0f0;
}
.textSize{
font-size: 30px;
}
2.2 2.3 2.4 4.v-bind:title相关内容
|