.vue文件中可以写less吗？

可以写less，但是前提是安装了less和less-loader。

下面就简单介绍下载.vue中使用less的方法吧。

1、首先使用npm下载依赖；

npm install --save less less-loader

2、安装完成后检查是否安装成功；

lessc -v

3、如果安装成功后，会显示安装成功后的版本；

引用方法

1、在main.js

import less from 'less'
Vue.use(less)

2、然后创建一个.vue文件；

注意：独立的vue文件需要引入less

<template>
<div class="box"></div>
</template>
<style lang="less">
@color:red;
@k:100px;
.box{
    width:@k;
    height:@k;
    background: @color;
}
</style>