Vue

by mizobata

HTML

<div id="target-element">
   <button @click="toggleContent = !toggleContent">Toggle</button>
   
   <div v-if="toggleContent">コンテンツ1</div>
   <div v-else="!toggleContent">コンテンツ2</div>
</div>

Vue

new Vue({
  el '#target-element',
  data () {
    return {
      toggleContent: true
    }
  }
})