实例 Vue 使用 $props 对象将props传递给下一个子组件

<template>

  <h2>Example $props Object</h2>

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

  <p> Bag weight (kg): <input type="range" v-model="weight" max="25" min="0"></p>

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

</template>

​

<script>

export default {

  data() {

    return {

      name: null,

      weight: null

    }

  }

}

</script>