javascript - 如何在Vue中正确设置功能组件的样式？

Question

我有一个以下功能组件，它按预期工作。

<template functional>
    <div>
        <input />
    </div>
</template>

<script>
export default {
    name: "FunctionalComponent"
}
</script>

<style scoped>
input {
    border: 2px solid red;
}
</style>

但是，Vue 似乎在作用域样式方面存在一些问题。在 vue devtools 中，我看到这个 AnonymousComponent 渲染，并且在控制台中出现一些错误。如果我删除样式标签，那么它就可以正常工作。

这是预期的结果还是我做错了什么？

Answer 1

这是 vue-devtools 上的一个错误。

避免出现错误的唯一方法(对于当前版本 - 5.1.1)是使组件不功能。

已创建问题:https://github.com/vuejs/vue-devtools/issues/1067