vue php怎么联合使用

Vue 和 PHP 可以通过 API 接口进行联合使用，实现前后端分离的开发模式。

具体实现方式如下：

1. 在 PHP 后端编写 API 接口，用于获取数据或进行数据库操作。

2. 在 Vue 前端使用 Axios 或其他 HTTP 请求库调用 PHP 后端编写的 API 接口，获取数据或进行数据操作。

3. 在 Vue 前端使用 Vue 组件渲染获取的数据。

例如，可以在 PHP 后端编写一个获取用户信息的 API 接口：

<?php
// 获取用户信息
function getUserInfo($userId) {
    // 连接数据库
    $mysqli = new mysqli('localhost', 'root', 'password', 'test');
    if ($mysqli->connect_error) {
        die('Connect Error (' . $mysqli->connect_errno . ') ' . $mysqli->connect_error);
    }
    
    // 查询用户信息
    $stmt = $mysqli->prepare('SELECT * FROM users WHERE id = ?');
    $stmt->bind_param('i', $userId);
    $stmt->execute();
    $result = $stmt->get_result();
    
    // 返回查询结果
    if ($result->num_rows > 0) {
        return $result->fetch_assoc();
    } else {
        return null;
    }
}

然后在 Vue 前端使用 Axios 调用该 API 接口：

<script>
import axios from 'axios'

export default {
    data() {
        return {
            user: null,
        }
    },
    mounted() {
        axios.get('/api/get_user_info.php', { params: { userId: 1 } })
            .then(response => {
                this.user = response.data
            })
            .catch(error => {
                console.log(error)
            })
    },
}
</script>

以上是一个简单的示例，你也可以根据实际需求进行相应的修改。