vue.component 中设置style不生效

在 Vue 中，可以使用 `vue-loader` 来处理 `.vue` 文件，这样可以支持在组件中使用 `<style>` 标签。如果您的样式没有生效，可能是以下几个原因：

1. 没有设置 `scoped` 属性

如果您在组件中使用了 `<style>` 标签，并且想要限制样式只在组件内部生效，需要使用 `scoped` 属性，例如：

<template>
  <div class="my-component">
    <!-- ... -->
  </div>
</template>

<script>
  export default {
    name: 'MyComponent'
  }
</script>

<style scoped>
.my-component {
  /* 这里的样式只会在 MyComponent 内部生效 */
  background-color: red;
}
</style>

2. 样式被其他样式覆盖

可能您的样式被其他样式覆盖了。可以使用浏览器的开发者工具查看元素样式，看看是否被其他样式覆盖了。

3. 样式选择器不正确

可能您的样式选择器不正确，导致样式无法生效。可以使用浏览器的开发者工具查看元素样式，看看选择器是否正确。

希望以上解答能够帮助到您。