VueJs学习随笔--Style绑定和条件渲染

2019-07-19 · 大约 600 个字 · 预计 3 分钟读完

绑定 style 样式

我们可以传给 v-bind:class 一个对象，以动态地切换 class：

1
2
3
.active{
    color: red;
}

1
2
3
<div id="app">
    <div v-bind:class="{ active: isActive }">我不一定是红色的DIV</div>
</div>

1
2
3
4
5
6
new Vue({
    el: '#app',
    data: {
        isActive: true
    }
})

我不一定是红色的DIV