首页 > 代码库 > vue中style的用法
vue中style的用法
最近学习了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>
vue中style的用法
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。