怎么直接中vue组件的style使用less,不是引入less

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了怎么直接中vue组件的style使用less,不是引入less相关的知识,希望对你有一定的参考价值。

参考技术A 额。。。这个直接在.vue里写less好像只要安装

"less": "^2.3.1", // less-loader依赖less
"less-loader": "^2.2.3"
不需要配置就能用了不过貌似需要<style lang='less'></style>

<template>
<div class="test">
<div class="test-item"></div>
</div>
</template>

<style lang='less'>
.test
width: 100px;
height: 100px;
background: #f00;
.test-item
width: 50px;
height: 50px;
background: #ff0;


</style>

以上是关于怎么直接中vue组件的style使用less,不是引入less的主要内容,如果未能解决你的问题,请参考以下文章

vue中使用less

less基本用法

vue - sass 的安装

怎么在vue中使用less

Vue中JSX的基本用法

sublime 编辑器前几天突然不识别.vue文件下style标签里的less了