Css Vue样式组件

我有一个基本的vue组件。看起来是这样的：

导出默认值{
道具：{
资料来源：{
类型：字符串，
要求：正确，
}
},
}

这是一些文本

试试这个：

 <script>
export default {
    props: {
        source: {
            type: String,
            required: true,
        },
        style:{
            type: String,
            required:true
        }            
    },
}
</script>

<template>
  <div class="imageItem">
    <img class="image" :data-srcset="source" :style="style" />
    <p> this is some text </p>
 </div>
</template>

导出默认值{
道具：{
资料来源：{
类型：字符串，
要求：正确，
},
风格：{
类型：字符串，
必填项：true
}            
},
}
这是一些文本

然后在道具中：“颜色：红色”

<imageItem :source="source" :style="color : red" />