CSS class
27.php
<html>
<head>
<meta charset="UTF-8">
<title>CSS class</title>
<style>
.red {
color: red;
}
.size {
font-size: 30px;
}
</style>
</head>
<body>
<div id="show">
<!-- 陣列方式 -->
<div :class="['red','size']">eagle</div>
<!-- 物件方式 -->
<div :class="{'red':a,'size':b}">eagle</div>
<!-- 可使用三元判斷式 -->
<div :class="[a?'size':'red']">eagle</div>
</div>
</body>
<script src="vue.js"></script>
<script>
new Vue({
el: '#show',
data: {
a: true,
b: false
}
})
</script>
</html>
iThome鐵人賽
看影片追技術