SFC 语法规范

*.vue文件是使用类 HTML 语法来描述 Vue 组件的一种自定义文件格式。每一个*.vue文件都由三种类型的顶层语法块所组成：、.example { color: red; } 这里可以是，例如：组件的文档

语言块

• 每个*.vue文件最多可同时包含一个顶层块。
• 其中的内容会被提取出来并传递给@vue/compiler-dom，预编译为 JavaScript 的渲染函数，并附属到导出的组件上作为其render选项。

lang 可以用于任何块——例如可以在

注意src引入所需遵循的路径解析规则与webpack模块请求一致，即：

• 相对路径需要以./开头。
• 你可以从npm依赖中引入资源：

src 引入也能用于自定义块，例如：

注释

在每个块中，注释应该使用相应语言(HTML, CSS, JavaScript, Pug,等等)的语法。对于顶层的注释而言，使用 HTML 注释语法：

鹏仔微信 15129739599 鹏仔QQ344225443 鹏仔前端 pjxi.com 共享博客 sharedbk.com