Vue directives model/if-else/show

by yash009

HTML

<div id = "root">
  {{ greeting }}
  <input v-model = "greeting">
  <div v-if="count==1">
    green
  </div>
  <div v-else>
    orange
  </div>
  <div v-show = "count==2">
    red
  </div>
</div>

JavaScript

new Vue ({
	el:'#root',
  data: {
  	greeting: 'Hello Vue',
    count: 1
  }
})