vue 培训分享1

一、命名规范

1、文件或文件夹的命名遵循以下原则:
index.js 或者 index.vue,统一使用小写字母开头的(kebab-case)命名规范
属于组件或类的,统一使用大写字母开头的(PascalCase)命名规范
其他非组件或类的,统一使用小写字母开头的(kebab-case)命名规范

vue 培训分享1_第1张图片
文件或文件夹命名规范

2、css命名 遵循 BEM原则
BlockElementModifier其实是块(block)、元素(element)、修饰符(modifier)。
这三个部分使用__ 与--连接

.person{} /*人*/
.person__hand{} /*人的手*/
.person--female{} /*女人*/
.person--female__hand{} /*女人的手*/
.person__hand--left{} /*人的左手*/

3、Vue组件中的方法书写顺序
还有很多细节问题,大家可以参考Vuejs的官方文档风格指南

vue 培训分享1_第2张图片
Vue组件中的方法书写顺序

你可能感兴趣的:(vue 培训分享1)