[Vue.js] v-if 사용 예제 (버튼 누르면 보이기,안보이기)

아주 간단한 예제
클릭 가능한 스위치를 하나 만들고
이 버튼을 누르면 텍스트가 나타나고 사라지는 토글 기능 동작의 예제입니다.

<script>
data: {
  isStatusOn: false
},
methods: {
  toggleOnOff: function() {
    this.isStatusOn = !this.isStatusOn;
  }
}
...
</script>

<div v-if="isStatusOn">Hello Webisfree.com</div>
<button @click="toggleOnOff">Click</button>