要在 Vue.js 3 中运行单个页面应用程序，您可以使用两种方法：使用静态文件服务器，安装一个静态文件服务器（如 http-server 或 serve），运行服务器并打开应用程序 index.html 文件。使用 Vue CLI，安装 Vue CLI，创建新项目，安装 vue-router，在 main.js 中导入路由，在 router.js 中定义路由，然后运行应用程序。
如何运行 Vue.js 3 单个页面
方法一：使用静态文件服务器
- 安装一个静态文件服务器，如
http-server或serve。 - 在终端中导航到您的应用程序目录。
- 运行静态文件服务器。例如，对于
http-server：
npx http-server
- 在浏览器中打开
http://localhost:8080/index.html。
方法二：使用 Vue CLI
- 安装 Vue CLI：
npm install -g @vue/cli
- 创建一个新项目：
vue create my-app --no-git
- 安装
vue-router：
vue add router
- 在
src/main.js中导入路由：
import router from './router'
- 在
src/router.js中定义您的路由：
const routes = [
{
path: '/',
component: () => import('./components/Home.vue')
}
]
export default {
routes
}- 运行应用程序：
npm run serve
- 在浏览器中打开
http://localhost:8080/。
