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>

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM