vue项目中定义组件私有的css样式小结

在vue项目中不同的组件对应引入不同的css文件，那么在vue项目中可以顺利实现不同页面不同css样式不会冲突，但是使用webpack打包之后会将这些引入的css文件打包到一个css文件当中，不巧的是我对不同组件定义了不同的background的样式，这时就产生了覆盖

解决方法：

在组件内部使用<style lang="less" scoped></style>即可定义组件私有的css样式，