vue3学习-应用规模化(额,没怎么看)

vue3应用规模化

单文件组件

Single-File Component 简称SFC

在同一文件中封装、组合了组件的视图、逻辑、样式

为什么要使用SFC
  • 使用熟悉的 HTML、CSS 和 JavaScript 语法编写模块化的组件
  • 让本来就强相关的关注点自然内聚
  • 预编译模板,避免运行时的编译开销
  • 组件作用域的 CSS
  • 在使用组合式 API 时语法更简单
  • 通过交叉分析模板和逻辑代码能进行更多编译时优化
  • 更好的 IDE 支持,提供自动补全和对模板中表达式的类型检查
  • 开箱即用的模块热更新 (HMR) 支持
SFC如何工作

必须由 @vue/compiler-sfc 编译为标准的 javascript 和 css

SFC中的