ভিইউই

<!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>

<template id="template">
  <div>
    <h2>{{head}}</h2>
    <p>{{desc}}</p>
  </div>
</template>

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

<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
<script>
const { createApp } = Vue;

createApp({
  template: "#template",

  data() {
    return {
      head: "প্রোগ্রামিং শিখুন",
      desc: "প্রোগ্রামিং শিখে নিজের ক্যারিয়ার গড়ে তুলুন"
    };
  }
}).mount("#app");
</script>

</body>
</html>

<!DOCTYPE html>
<html>
<body>

<div id="app">
  <h1>ইন্টারপোলেশন</h1>
  <p>{{message}}</p>
</div>

<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
<script>
const {createApp} = Vue;
createApp({
  data() {
    return {
      message: "হ্যালো বিশ্ব"
    };
  }
}).mount("#app");
</script>
</body>
</html>

<!DOCTYPE html>
<html>
<body>

<div id="app">
  <p>{{number + 10}}</p>
  <p>{{name.toUpperCase()}}</p>
</div>

<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
<script>
const {createApp} = Vue;
createApp({
  data() {
    return {
      number: 10,
      name: "ভিইউই"
    };
  }
}).mount("#app");
</script>
</body>
</html>