最近學習了vue中class和class的用法,想來總結一下,也把我的知識提供給大家使用;首先來總結class的用法,vue中的class有4種寫法;class和style都屬於DOM屬性,所以在vue中都用:class和:style表示
同樣給id為box的div加上字體和顏色和背景顏色
方法一
<div id="box">
<strong :style="{color:'red',background:'blue'}">落入凡塵傷情着我</strong>
</div>
<script>
new Vue({
el:"#box",
});
</script>
方法二
<div id="box">
<strong :style="c">落入凡塵傷情着我</strong>
</div>
<script>
new Vue({
el:"#box",
data:{
c:{
color:'red',background:'blue'
}
}
});
</script>