vue给子组件传值字符串转换成布尔类型

在Vue中，可以使用属性绑定的方式向子组件传递数据。如果要将字符串类型的数据转换为布尔类型，可以使用JavaScript中的Boolean()函数。

例如，如果要将字符串类型的propValue传递给子组件，并将其转换为布尔类型，可以这样写：

<template>
  <child-component :prop-value="Boolean(propValue)"></child-component>
</template>

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

export default {
  components: {
    ChildComponent
  },
  data() {
    return {
      propValue: 'true'
    }
  }
}
</script>

在子组件中，可以将布尔类型的propValue用作条件进行操作：

<template>
  <div v-if="propValue">propValue is true</div>
  <div v-else>propValue is false</div>
</template>

<script>
export default {
  props: {
    propValue: {
      type: Boolean,
      required: true
    }
  }
}
</script>

这样，当propValue为字符串'true'时，子组件中将会显示'propValue is true'，当propValue为其它字符串或为空时，子组件中将会显示'propValue is false'。