c5 點擊切換單樣式

by BDeer

HTML

<div id="app">
 <p :class="{classActive: isActive}">元素內套用 data</p>
 <button @click="addClass">單向切換</button>
</div>

CSS

.classActive {
			display: inline-block;
			color: #FFF;
			background-color: #a01;
			padding: 1rem;
		}

Vue

var vmBind = new Vue({
 el: '#app',
 data: {
  isActive: false
 },
 methods: {
  addClass() {
   this.isActive = true
  }
 }
})