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

css的作用域使用

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

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

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

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

css样式类名

css类名宜采用EBM命名方式

.item{
    
    }

.item__name{
    
    }

.item__name--active{
    
    }

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

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

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

.cursor--pointer{
    
    
	cursor: pointer;
}