vue 使用less语法

在vue里面如何快速使用less样式语法，在项目的文件夹内下载插件就可以了，使用npm

npm install less less-loader --save

然后在vue文件里面就可以引入"lang=less"(单独的less文件)

<style scoped lang="less">
  @import "./home.less";
</style>

如果是在当前vue文件写样式就直接写在style标签里面
使用时scoped，父组件的样式不会影响到子组件，如果发现当前样式有时候没有作用可能是因为需要深度作用选择器，如下

/deep/ .home{
	color:#ff0000;
}