我正在创建一个组件（vue 2.6），刚刚意识到如果属性class没有连字符，实际上就不会将字符串传递给组件。而其他名称没有连字符的属性会传递它们的值。这是我的代码的样子：
组件：

<template>
  <video
    controls
    :class="cssClass"
  >
    <source :src="videoSource" type="video/mp4"/>
  </video>
</template>

<script>
export default {
  name: 'VideoComponent',
  props: {
    videoSource: { type: String, default: '' },
    cssClass: { type: String, default: '' },
  },
};
</script>

我如何使用它：

<VideoComponent
  v-if="selectedAsset.type == 'video'"
  css-class="cssClassName"
  :videoSource="selectedAsset.videoSource"
/>

因此，当我在父组件中使用属性时，如果我将其命名为cssClass而不是css-class，VideoComponent不会接收到它，并且为空，但是videoSource工作正常...为什么它对某些属性工作而对其他属性不工作？
在使用组件时对属性和特性使用相同的命名。