vue class样式的运用3(数组推送)

data 里面放的是json数组；里面还添加了布尔值确定启用；
写法：class = "json"

    <style>
        .red{
            color: red;
        }
        .blue{
            background: blue;
        }
    </style>
    <script src="vue.js"></script>
    <script>
        window.onload=function(){
            new Vue({
                el:'#box',
                data:{
                    json:{
                        red:true,
                        blue:true
                    }
                },
                methods:{
                }
            });
        };
    </script>
</head>
<body>
    <div id="box">
        <strong :class="json">文字...</strong>
    </div>
</body>
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud
    Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具（例如配置管理，服务发现，断路器，智...
    卡卡罗2017阅读 135,269评论 19赞 139
  • 无标题文章
    转至元数据结尾创建： 董潇伟，最新修改于： 十二月 23, 2016 转至元数据起始第一章:isa和Class一....
    40c0490e5268阅读 1,856评论 0赞 9
  • 落幕年华
    伸手轻点朱砂 忆起落幕年华 晚风轻抚珠帘 银弦懒勾夜下 铜镜微敛夜华 白雪覆盖梅花 单手轻叩檀案 墨色轻绮暗霞 万...
    墨绮阅读 257评论 0赞 4
  • 给青春期儿子的一封信
    亲爱的儿子，不知不觉你已经十五岁了。仿佛昨天还在为你食欲不佳而大伤脑筋，今天又会因你饮食无度而心存担忧。...
    帘卷西风一阅读 412评论 0赞 5
  • 【微情书】那些喜欢你的小片段
    【一】赖床 胡渣肆虐 气呼呼地缩进被里 任你软磨硬泡就是不起 【二】早餐 睡眼惺忪 我低头吃着碗里的云吞 你随手理...
    木清悠阅读 178评论 0赞 2