vue 使用less语法

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接： https://blog.csdn.net/Red_sevenWord/article/details/87002067

在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;
}