1. 规范化命名
- 变量名,方法名用驼峰命名法。例如,loadCommissionList(方法名),dateTypeList(变量名)
- 样式类名用kebab-case,即短横线命名法。单词小写,单词之间用中划线连接。例如 withdraw-list
- 无论方法名还是变量名,语义表达清楚。例如,不要用 List 泛泛地用作名字列表的变量名,应该准确地用 nameList 或
personNameList 来表示 - 一般,用动宾结构为方法命名。例如,showTime,changeName。再比如,跳转到某一页面,goToPageProduct,而不是toProduct,此处的Product是组件名字。Vue.js实例中的计算属性比较特殊,归类为实例的属性,无须遵此规定
2. 封装可复用的公共方法
3. vue实例中的方法或属性顺序
- name
- components
- mixins
- props
- data
- created
- mounted
- activited
- update
- beforeRouteUpdate
- methods
- filter
- computed
- watch
4. 使用第三方函数库
# | 库 |
---|---|
1 | JavaScript 日期处理类库:http://momentjs.cn/(moment.js) |