但是，当我们使用vue编写web应用程序时，我们会发现一个问题：在开发过程中，我们编写的vue组件通常是以.vue文件形式存在的，而这些文件无法直接用于生产。在生产环境中，我们必须将这些组件编译成静态html、css和javascript文件，然后才能将它们部署到web服务器上。那么问题来了：这些编译后的静态文件会被放在哪里呢？
答案很简单：当我们在生产环境中使用vue时，我们需要使用vue cli来构建我们的应用程序，这将自动将我们的vue组件编译成静态html、css和javascript文件，并将它们放在./dist目录下。这个目录是由vue cli自动生成的，其中包含了我们应用程序的所有静态资源。
在./dist目录下，我们会看到类似于下面这样的文件结构：
dist/├── css/│ ├── app.1a2b3c4d.css│ └── chunk-vendors.5e6f7g8h.css├── js/│ ├── app.1a2b3c4d.js│ ├── app.1a2b3c4d.js.map│ ├── chunk-vendors.5e6f7g8h.js│ └── chunk-vendors.5e6f7g8h.js.map└── index.html
在这个文件结构中，我们可以看到一个index.html文件，这是我们的入口文件，也是浏览器访问我们应用程序的起点。我们还可以看到一个css目录和js目录，它们分别包含了应用程序所需要的css和javascript文件。其中，文件名中的一串字符是源代码的哈希值，以便于进行缓存和更新。
我们可以将./dist目录中的所有文件部署到web服务器上，然后通过浏览器访问我们的应用程序。如果我们想要在使用vue时减少手动操作，我们还可以使用自动部署工具（例如jenkins）来自动构建并部署我们的应用程序。
总结来说，vue中的组件在生产环境下需要通过vue cli进行编译，并将编译后的文件存放在./dist目录下。我们可以将./dist目录中的静态文件部署到web服务器上，并通过浏览器访问我们的应用程序。
以上就是浅析vue编译后的静态页面在哪的详细内容。