一、views 文件夹
1.文件夹命名方式
1.1.一级目录
- 代表
模块的名字 - 尽量由
名词组成 - 单词
只有一个 -
文件夹名字以小写字母开头,.vue文件名字以大写字母开头 -
只有一个文件时不出现文件夹，直接放在views下面,为***.vue文件
如 main | login | common,Main.vue | Login.vue | Common.vue
1.2.二级目录
- 代表着一级目录中
某一大模块的名字 - 尽量由
名词组成 - 名字至少
两个单词 -
文件夹名字以小写字母开头,.vue文件名字以大写字母开头 -
只有一个文件时不出现文件夹，直接放在一级目录下面,为***.vue文件
常用结尾单词有 Detail | Edit | List | Info | Report,如 SolutionList
以 Item 结尾的代表着组件,如 SolutionItem
2.method 自定义方法命名
- 动宾短语
toPage|editSoloutionInfo -
ajax|axios方法:以get|post开头,以data结尾如,getListDatapostFormData - 事件方法:以
on开头(initrefresh单词除外),如onTypeChangeonUsernameInput - 尽量使用
常用单词开头如,set|get|open|close|jump - 驼峰命名 getListData
3.data props 方法注意点
- 使用
data里的变量时请先在data里面初始化 -
props指定类型,也就是type -
props改变父组件数据,基础类型用$emit,复杂类型直接改 -
ajax请求数据用上isLoadingisError变量 - 不命名多余数据,比如现在是详情页 你的数据是
ajax请求的,那就直接声明一个对象叫 d，而不是每个字段都声明 - 表单数据请包裹一层
form
4.生命周期方法注意点
- 不在
mounted|created之类的方法写逻辑,取ajax数据 - 在
created里面监听 Bus 事件
参考文档网址:
Vue命名规范
