第3讲 : uni-app 开发规范及目录结构
最后更新于：2022-04-02 07:27:50
为了实现微信小程序、原生App的跨端兼容，综合考虑编译速度、运行性能等因素，uni-app 约定了如下开发规范：
## 页面规范 - Vue 单文件组件 (SFC) 规范
.vue 文件是一个自定义的文件类型，用类 HTML 语法描述一个 Vue 组件。每个 .vue 文件包含三种类型的顶级语言块` 、
This could be e.g. documentation for the component.
```
vue-loader 会解析文件，提取每个语言块，如有必要会通过其它 loader 处理，最后将他们组装成一个 ES Module，它的默认导出是一个 Vue.js 组件选项的对象。
vue-loader 支持使用非默认语言，比如 CSS 预处理器，预编译的 HTML 模版语言，通过设置语言块的 lang 属性。例如，你可以像下面这样使用 Sass 语法编写样式：
```
```
更多细节可以在使用预处理器中找到。
## 语言块
## 模板
**每个 .vue 文件最多包含一个 `` 块。**
内容将被提取并传递给 vue-template-compiler 为字符串，预处理为 JavaScript 渲染函数，并最终注入到从 `
```
需要注意的是 src 导入遵循和 webpack 模块请求相同的路径解析规则，这意味着：
相对路径需要以 ./ 开始
你可以从 NPM 依赖中导入资源：
```