JSFiddle - React, Tailwind, and code Playground

by skirtle

HTML

<script src="https://unpkg.com/[email protected]/dist/vue.global.js"></script>
<div id="app">
  <a v-if="isShow"></a>
  <button v-else ref="el">el</button>
</div>

JavaScript

const { createApp, ref, watchEffect } = Vue

createApp({
  setup() {
    const el = ref()
    const isShow = ref(true)

    setTimeout(() => {
      isShow.value = false
    }, 1000)

    watchEffect(() => {
      console.log('pre', el.value)
    })

    watchEffect(() => {
      console.log('post', el.value)
    }, {
      flush: 'post'
    })

    return {
      el,
      isShow
    }
  }
}).mount('#app')