1. 程式人生 > >vue中style的用法

vue中style的用法

使用 屬性 bsp rip color 表示 strong span back

最近學習了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的用法