ভিইউই

<!DOCTYPE html>
<html>
<body>

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

<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
<script>
const {createApp} = Vue;
createApp({
  data() {
    return {
      header: "প্রোগ্রামিং শিখুন"
    };
  }
}).mount("#app");
</script>
</body>
</html>

<!DOCTYPE html>
<html>
<body>

<div id="app">
  <input v-model="name" placeholder="আপনার নাম">
  <p>স্বাগতম {{name}}</p>
</div>

<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
<script>
const {createApp, ref} = Vue;
createApp({
  setup() {
    const name = ref("");
    return {name};
  }
}).mount("#app");
</script>
</body>
</html>

<!DOCTYPE html>
<html>
<body>

<div id="app"></div>

<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
<script>
const {createApp, h} = Vue;
createApp({
  render() {
    return h("h1", "প্রোগ্রামিং শিখুন");
  }
}).mount("#app");
</script>
</body>
</html>

<!DOCTYPE html>
<html>
<body>

<div id="app">
  <h1 ref="title">প্রোগ্রামিং শিখুন</h1>
</div>

<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
<script>
const {createApp} = Vue;
createApp({
  mounted() {
    this.$refs.title.textContent = "প্রোগ্রামিং শিখে নিজের ক্যারিয়ার গড়ে তুলুন";
  }
}).mount("#app");
</script>
</body>
</html>