以下是一个简单的实例，展示如何将PHP与Vue结合使用，实现前后端分离的Web应用。
1. 项目结构
```
project/
│
├── public/
│ ├── index.html
│ └── assets/
│ └── js/
│ └── main.js
│
├── src/
│ ├── components/
│ │ └── App.vue
│ ├── assets/
│ │ └── css/
│ │ └── main.css
│ ├── main.js
│ └── App.vue
│
├── .htaccess
└── server.php
```
2. 安装Vue CLI
你需要安装Vue CLI。打开命令行工具，运行以下命令：
```bash
npm install -g @vue/cli
```
3. 创建Vue项目
在`project`目录下，运行以下命令创建Vue项目：
```bash
vue create vue-php-example
```
选择默认配置或自定义配置，然后进入项目目录：
```bash
cd vue-php-example
```
4. 创建PHP服务器
在`project`目录下创建`server.php`文件，并添加以下代码：
```php
// server.php
header('Content-Type: application/json');
// 假设我们有一个简单的数据库查询
$result = array(
'name' => 'John Doe',
'age' => 30,
'email' => 'john@example.com'
);
echo json_encode($result);
```
5. 配置Apache服务器
在你的Apache服务器配置文件中（如`httpd.conf`或`.htaccess`），添加以下配置：
```apache
