SFC

传统Web开发认为HTML/CSS/JS应该分文件存放，但Vue SFC把它们放一起。本文详解关注点分离的真正含义、为什么组件内聚比文件类型分离更重要、以及不想用SFC时如何通过资源导入获得热更新和预编译功能。

Vue 3的.vue文件浏览器不认识，必须经过@vue/compiler-sfc编译成标准JavaScript和CSS。本文详解SFC的编译过程、编译后的输出长啥样、style标签在开发和生产环境的不同处理、以及Vite和Vue CLI两种 …

Vue 3的单文件组件（SFC）是.vue文件格式，把模板、逻辑、样式封装在一个文件里。本文从SFC的基本概念讲起，搞清楚template、script、style三个块怎么写、选项式和组合式两种写法有啥区别、SFC的9大优点、以及什么场景 …