```js
export default {
  name: "HelloWworld",

  data: function () {
    return {

      isHidden: false,
      isWelcome: false,
      isFadeout: false,

      }
      }
```

```html
 <div  v-if="!isHidden">
 //some code for screen1

  <button v-on:click="isHidden = true"> HELLO</button>
  </div>

   <div  v-if="isHidden && !isFadeout">
 //some code for screen 2

  <button v-on:click="isFadeout = true"> Hi</button>
  </div>

   <div  v-if="isFadeout && isHidden">
 //some code for screen 3

  <button v-on:click="isHidden = true"> HELLO</button>
  </div>

   <div  v-if="isWelcome && isHidden">
 //some code for screen 4

  <button v-on:click="isHidden = true"> Fine</button>
  </div>

```

How to conditionally render the screens. Till three screens its rendering successfully fine but got stuck at 3rd screen button, where its not redirecting to 4th screen