<div id="app">
  <div class="p-5">
    <props-type money="300"></props-type>
    <props-type :money="money"></props-type>
  </div>
</div>
const app = Vue.createApp({
  data() {
    return {
      money: 300
    };
  }
});

app.component("props-type", {
  props: ["money"],
  template: `<div>value: {{money}}, typeof:{{ typeof money }}</div>`
});

app.mount("#app");
Run Pen

External CSS

  1. https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.0.2/css/bootstrap.min.css

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/vue/3.2.37/vue.global.prod.min.js