最简前端规范——vue篇(四)

为什么会提到vue的规范？众所周知，Jq的时代逐渐消退，三大框架强势崛起。NG、REACT、VUE 三国鼎立。三个框架各有所长，技术就是为了解决问题，So 由于目前本人手头的项目是基于vue的前提，所以去研究了一下这方面的一些规范，以至于在和团队配合当中能够有一致性。好了 话不多说，进入正式环节。

那么首先介绍规范之前，先从几个角度分析一下vue具有哪些特征，哪些常用，哪些是重点，哪些对于团队开发来说影响最大。

• 组件命名规范
• 结构规范
• 编码规范
• 注释规范

这以上4点事总结出vue当中最常出现的问题。

1、组件命名规范

要符合vue开发的习惯，参照elementUi的开发组件模式。短横线kebab-case最佳。例如做一个公共上传组件，可以如下命名：

common-upload，如果上传具有多样性 可根据对应的功能突出组件名称意思例如可裁剪上传组件 cropper-upload

2、结构化规范

统一基于webpack脚手架工具进行搭建，注意：保持vue-cli的一致性。

• 目录结构

├── build                      // 构建相关  

├── config                     // 配置相关

├── src                        // 源代码

│   ├── api                    // 所有请求

│   ├── assets                 // 主题 字体等静态资源

│   ├── components             // 全局公用组件

│   ├──