Vue

by mizobata

HTML

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

Vue

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