Vue 3 props trigger render

by skirtle

HTML

<script src="https://unpkg.com/[email protected]/dist/vue.global.js"></script>
<div id="app">
  <child-component :value="id"></child-component>
  <button @click="id++">Increment</button>
</div>

JavaScript

const { createApp, h } = Vue

const ChildComponent = {
  props: ['value'],

  render () {
    console.log('render')
    return h('div')
  }
}

const app = createApp({
  components: {
    ChildComponent
  },

  data () {
    return {
      id: 0
    }
  }
})

app.mount('#app')