实例 Vue 使用 $props 对象来显示收到的 prop

<template>

  <h2>Example $props Object</h2>

  <p><input type="text" v-model="name" placeholder="Your name here.."></p>

  <p><input type="number" v-model="weight" placeholder="Bag weight.."> kg</p>

  <info-box v-bind:bag-owner=name v-bind:bag-weight=weight />

</template>

​

<script>

export default {

  data() {

    return {

      name: null,

      weight: null

    }

  }

}

</script>