Version

3.2.31

Reproduction link

codesandbox.io

Steps to reproduce

Paste the quickstart example code into codesandbox.io:

<script src="https://unpkg.com/vue@3"></script>

<div id="app">{{ message }}</div>

<script>
  Vue.createApp({
    data() {
      return {
        message: 'Hello Vue!'
      }
    }
  }).mount('#app')
</script>

And the div appears empty.

What is expected?

I expected to see a div which renders the quick start example message.

What is actually happening?

When using the quick start example code from Vue documentation, the end result is an empty page, as the div is set to empty on load.

it works fine.