style
示例：
<body>
<div id="app">
<div v-bind:style="styleObejct">style</div>
<div v-bind:style="{color:'red', fontSize:'20px'}">style2</div>
</div>
<script>
var data = {
styleObejct:{
color:'red',
fontSize:'30px'
}
};
var vue = new Vue({
el:"#app",
data:data
});
</script>
</body>
通过v-bind:style去设置样式，两种写法
一种是直接在v-bind:style后面写入一个json对象，驼峰格式
另一种是在vue里设置。
class，和style大同小异
<body>
<div id="app">
<div class="static" v-bind:class="{active:isActive}">样式</div>
<div class="static" v-bind:class="classObject">classObject</div>
</div>
<script>
var data = {
isActive:false,
classObject:{
active:true
}
};
var vue = new Vue({
el:"#app",
data:data
});
</script>
</body>
8042
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
