在Vue.js中，我们可以使用Vue CLI来实现按需编译.vue文件。Vue CLI是一个官方提供的脚手架工具，可以帮助我们快速搭建Vue项目。

下面是一个使用Vue CLI的示例，演示如何按需编译.vue文件：

1. 首先，安装Vue CLI。打开终端，运行以下命令：

npm install -g @vue/cli

2. 创建一个新的Vue项目。在终端中，进入你想要创建项目的目录，然后运行以下命令：

vue create my-project

3. 进入到项目的根目录：

cd my-project

4. 安装Vue Loader。运行以下命令：

npm install --save-dev vue-loader vue-template-compiler

5. 在项目的根目录中创建一个vue.config.js文件，用于配置Vue Loader。在vue.config.js中添加以下代码：

module.exports = {
  chainWebpack: config => {
    config.module
      .rule('vue')
      .use('vue-loader')
      .loader('vue-loader')
      .tap(options => {
        // 修改options中的其他配置
        return options
      })
  }
}

在这个配置中，我们使用chainWebpack方法来修改Vue Loader的配置。你可以根据你的需求修改options中的其他配置。

6. 现在，你可以在项目中引入.vue文件并按需编译了。在你的Vue组件中，引入.vue文件的方式与引入其他模块一样：

import MyComponent from './MyComponent.vue'

7. 运行项目。在终端中运行以下命令来启动开发服务器：

npm run serve

现在，你的项目将按需编译.vue文件，并将其导入到你的Vue组件中使用。

以上就是一个使用Vue CLI按需编译.vue文件的示例解决方法。你可以根据自己的需求，进一步修改配置来满足你的项目要求。