vue中style的用法

标签：family   方法   mic   vue   字体   表示   mil   strong   dom   

最近学习了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的用法

标签：family   方法   mic   vue   字体   表示   mil   strong   dom   

原文地址：http://www.cnblogs.com/yuershuo/p/6862247.html