vue3 组件怎么传递变量

[fangwenxue]

<div class="tile-content">
   <Progress progressValue="{{item.disk}}" />
</div>
        
### Progress.vue 
script setup
defineProps({
  progressValue: String
})
const getProgressColor = (v) => {
  console.log(v)
  return (parseInt(v) >= 80 ? 'bg-red-500' : 'bg-blue-500');
}
/script
<template>
  <div class="progress">
    <div class="progress-bar" :class="getProgressColor(progressValue)" :style="{width: progressValue + '%'}"></div>
  </div>
</template>

• {{item.disk}} 被当成一个字符串了，怎么把 item.disk 的值传给 Progress
• script 没有 <> 是有这个不让发

[TomatoYuyuko]

？你为什么不直接 item.disk

[fangwenxue]

@TomatoYuyuko
<Progress progressValue="item.disk" /> 这样报错

[Danswerme]

<Progress :progressValue="item.disk" />

[dengshen]

这是 react 写多了吧？至少看一下 vue 数据绑定部分的文档啊

[TomatoYuyuko]

@fangwenxue 动态绑定啊。。不加冒号就是静态的值