实例 Vue 使用计算属性中的 $props 对象根据袋子的重量创建反馈消息

<template>

  <h2>Example $props Object</h2>

  <p>

    Bag weight: <br> 

    <input type="range" v-model="weight" min="0" max="20"> {{ weight }} kg

  </p>

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

</template>

​

<script>

export default {

  data() {

    return {

      weight: 4

    }

  }

}

</script>