class命名

老师对标签的命名遵循着什么规范么？那些命名有什么含义？比如class="g-list" g有什么含义？

在一个组件中，有的需要加上组件的命名空间，有的并不用：比如history中 class="history-title"为什么不实用class=“g-title | g-history-title”。

我觉得这样的命名方式并不是个人自定义的那种。请老师解答！！

源自：实战：Vue 完成分类、搜索页 2-5 历史搜索

收起

1回答

好帮手慕慕子回答被采纳获得+3积分 2019-12-09 19:23:17

同学你好，对于你的问题解答如下：

class命名遵循语义化原则，尽量做到见名知意。
g表示全局的意思，由于老师这里提前写好了样式，将可以在所有页面中使用的类名前添加了g
类名的设置，没有强制性的规定，不像js语法那样严格规定我们声明变量必须要使用var、let等关键字。在一个组件中，有的需要加上组件的命名空间，有的并不用，这个是可能是老师书写代码的一个习惯
老师这样的命名方法就是老师自定义的，让代码更加方便阅读
同学也可以先模仿老师的命名方式，慢慢积累与总结，最终形成一个自己习惯的类名命名方式

如果帮助到了你，欢迎采纳，祝学习愉快~