vue style样式的运用

2017-07-18  本文已影响0人  夜息白鸽

style样式和class不同的是属性已经加进data里面 不需要定义class的样式
调试的时候就能够看出,给对应的标签写上了行间样式

  <script src="vue.js"></script>
    <script>
        window.onload=function(){
            new Vue({
                el:'#box',
                data:{
                    a:{
                        color:'red',
                        backgroundColor:'gray'
                    }
                },
                methods:{
                }
            });
        };
    </script>
</head>
<body>
    <div id="box">
        <strong :style="a">文字...</strong>
    </div>
</body>
上一篇 下一篇

猜你喜欢

热点阅读