uniapp规范开发（4）结构化规范

目录文件夹及子文件规范

1. 以下统一管理处均对应相应模块
2. 以下全局文件文件均以 index.js 导出，并在 main.js 中导入
3. 以下临时文件，在使用后，接口已经有了，发版后清除

src                               源码目录
|-- api                              接口，统一管理
|-- assets                           静态资源，统一管理
|-- components                       公用组件，全局文件
|-- filters                          过滤器，全局工具
|-- icons                            图标，全局资源
|-- datas                            模拟数据，临时存放
|-- common                           全局公共js、scss存放处
|-- mock                             模拟接口，临时存放
|-- router                           路由，统一管理
|-- store                            vuex, 统一管理
|-- views                         视图目录
|   |-- staffWorkbench               视图模块名
|   |-- |-- staffWorkbench.vue       模块入口页面
|   |-- |-- view                     模块页面级组件文件夹
|   |-- |-- components               模块通用组件文件夹

多个特性的元素规范

多个特性的元素应该分多行撰写，每个特性一行。(增强更易读)

<!-- bad -->
<img src="https://vuejs.org/images/logo.png" alt="Vue Logo">
<my-component foo="a" bar="b" baz="c"></my-component>
 
<!-- good -->
<img
  src="https://vuejs.org/images/logo.png"
  alt="Vue Logo"
>
<my-component
  foo="a"
  bar="b"
  baz="c"
>
</my-component>

组件选项顺序

  - name
  - mixin
  - props
  - components
  - data
  - computed
  - watch
  - created
  - mounted
  - beforeDestroy
  - destroy
  - methods
  - filter

很赞哦！ (0)