关于vue.js的使用经验总结

css的作用域使用

页面使用局部css样式，避免全局样式污染

<style lang="less" scoped>
</style>

  

 

  
1
  
2
 

全局组件使用全局css样式，方便调用者样式覆盖

<style lang="less">
</style>

  

 

  
1
  
2
 

css样式类名

css类名宜采用EBM命名方式

.item{}

.item__name{}

.item__name--active{}

  

 

  
1
  
2
  
3
  
4
  
5
 

常用的css类名可以单独定义，例如：

.margin-top--10{
	margin-top: 10px;
}

.margin-top--20{
	margin-top: 20px;
}

.cursor--pointer{
	cursor: pointer;
}

  

 

  
1
  
2
  
3
  
4
  
5
  
6
  
7
  
8
  
9
  
10
  
11
 

文章来源: pengshiyu.blog.csdn.net，作者：彭世瑜，版权归原作者所有，如需转载，请联系作者。

原文链接：pengshiyu.blog.csdn.net/article/details/125388405