要在Vue项目中使用LESS，你需要先安装LESS及其对应的Webpack loader。以下是引入LESS到Vue项目的步骤：

1. 安装LESS和LESS Loader：
   使用npm命令安装LESS和LESS Loader到你的项目中：

   npm install less less-loader --save-dev
   

   这会将LESS和LESS Loader添加到你的项目的devDependencies中。

2. 在组件中使用LESS：
   在Vue组件的<style>标签中，通过指定lang="less"来告诉Vue使用LESS预处理器。你可以在这里直接写LESS代码，或者使用@import语句引入外部的LESS文件：

   <style lang="less">
     @import 'path/to/your/less/file';
   </style>
   

   确保替换path/to/your/less/file为你的LESS文件的实际路径。

3. 配置全局样式：
   如果你使用的是Vue CLI创建的项目，你可以在vue.config.js文件中配置全局样式。通过css.loaderOptions.less选项，你可以指定需要全局引入的LESS文件：

   // vue.config.js
   module.exports = {
     css: {
       loaderOptions: {
         less: {
           additionalData: `@import "@/styles/global.less";`
         }
       }
     }
   };
   

   在这里，@import "@/styles/global.less";是你希望全局引入的LESS文件的路径。additionalData选项会将指定的内容预先加载到每个LESS文件中。

请注意，prependData在新版本的less-loader中已经被additionalData替代。确保根据你使用的less-loader版本来使用正确的选项。

完成以上步骤后，你就可以在Vue项目中使用LESS来编写样式了。如果你的项目没有使用Vue CLI，你可能需要手动修改Webpack配置文件，具体方法可以参考官方文档或相关Webpack Loader的文档。