码迷,mamicode.com
首页 > 其他好文 > 详细

vue---class和style的基本用法

时间:2019-02-11 00:53:02      阅读:247      评论:0      收藏:0      [点我收藏+]

标签:spl   isp   总结   script   用法   span   display   splay   pre   

不多BB了 直接上代码了 通俗移动易懂总结了5种常用改变样式 的形式

  <style>
    .actived2{
      color:red;
    }
  </style>
</head>
<body>
  <div class="app">
    <div :style="actived">aaa</div>
    <div :style="[actived]">aaa</div>
    <div :style="{color:‘red‘}">aaa</div>

    <div :class="[‘actived2‘]">aaa</div>
    <div :class="{actived2:isActived}">aaa</div>

  </div>
</body>
<script>
  const app = new Vue({
    el:.app,
    data:{
      actived:{
        color:"red"
      },
      isActived:true
    }
  })
</script>

 

vue---class和style的基本用法

标签:spl   isp   总结   script   用法   span   display   splay   pre   

原文地址:https://www.cnblogs.com/wangweigit3077/p/10360576.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!