vue父子组件传值 类型是小数点

在Vue中，父组件向子组件传递props时，可以传递任何类型的数据，包括浮点数类型。如果您想向子组件传递一个小数点类型的值，可以直接在父组件中的props属性中定义一个类型为Number的变量，然后将这个变量绑定到子组件中。

例如，在父组件中定义一个名为"price"的props，类型为Number：

<template>
  <div>
    <child-component :price="0.99"></child-component>
  </div>
</template>

<script>
import ChildComponent from './ChildComponent.vue'

export default {
  components: {
    ChildComponent
  },
  props: {
    price: {
      type: Number,
      required: true
    }
  }
}
</script>

在子组件中，可以通过`this.price`访问到这个值：

<template>
  <div>
    <p>The price is {{ price }}</p>
  </div>
</template>

<script>
export default {
  props: {
    price: {
      type: Number,
      required: true
    }
  }
}
</script>

这样就可以在父组件中传递小数点类型的值到子组件中了。