Vue 3.0 "one piece"

example

<div id="app">
  <h1>{{ name }}</h1>
</div>

const app = {
  data() {
    return {
      name: 'leedom',
    }
  },
}

Vue.createApp(app).mount('#app')

See the Pen MWbEJjj by leedom92 (@leedom92) on CodePen.

Vue 2

<div id="app">
  <h1>{{ name }}</h1>
</div>

const app = new Vue({
  el: '#app',
  data: {
    name: 'leedom',
  },
})

See the Pen mdOBmwp by leedom92 (@leedom92) on CodePen.