vue的一些常识代码规范,小小总结

写了这么就的vue项目,简直被eslint折磨的要发疯,但是被折磨就了就习惯了,总结一下吧

- 文件夹采用“大驼峰命名法”

- 文件名采用“大驼峰命名法”

- id:采用“小驼峰命名法”

- class:采用“中划线法命名法”

注:id和class命名越精简越好,只要足够表达意思,这样有助于理解,同时也能提高代码效率

命名注意缩写,但是不能盲目缩写;

不允许通过1、2、3等序号进行命名;

避免class与id重名;

id注意用于标识模块或页面的某一个父容器区域,名称必须唯一,不要随意新建id;

class用于标识某一个类型的对象,命名必须言简意赅;

尽可能提高代码模块的复用,样式尽量用组合的方式;

规则名称中不应该包含颜色、定位等与具体显示效果相关的信息,应该用意义命名,而不是结果名称。

(1)左大括号前不换行有空格;

(2)左大括号后换行;

(3)右大括号前换行;

(4)右大括号后还有else等代码则不换行;

(5)表示终止的右大括号后必须换行。

(6)左右小括号与中间字符之间不出现空格。