一个 .vue 文件 = 一个组件，模板、逻辑、样式按区块共存、编译后聚合。这是 Vue 区别于 React 的设计选择：关注点「就近聚合」而非强制拆分。SFC 的编译由 @vue/compiler 单独完成（Vite 用 vite-plugin-vue，webpack 用 vue-loader），scoped 样式与模板静态提升都依赖编译期能力。
亮点特性：scoped 样式自动加属性选择器隔离（不影响子组件根元素以外的部分）、