Vue.js 是一個(gè)流行的前端框架，它可以與服務(wù)器端語(yǔ)言（如 PHP）結(jié)合使用。本文將介紹如何使用 Vue.js 獲取 PHP 端的數(shù)據(jù)。

首先，我們需要在 PHP 端編寫(xiě) API，以便 Vue.js 可以獲取數(shù)據(jù)。下面是一個(gè)簡(jiǎn)單的 PHP 文件，它返回一個(gè) JSON 格式的數(shù)據(jù)：

<?php
$data = array("name"=>"Vue.js", "author"=>"Evan You");
header('Content-Type: application/json');
echo json_encode($data);
?>

在 Vue.js 中，我們可以使用 AJAX 或 Axios 庫(kù)與 PHP 端進(jìn)行通信。這里我們使用 Axios 庫(kù)，需要在 HTML 文件中引入相關(guān)的 JavaScript 文件：

<script src="https://unpkg.com/axios/dist/axios.min.js"></script>

接下來(lái)，在 Vue.js 中編寫(xiě)代碼，使用 Axios 庫(kù)獲取 PHP 端返回的數(shù)據(jù)：

new Vue({
el: '#app',
data: {
info: {}
},
mounted() {
// 獲取 PHP 端數(shù)據(jù)
axios.get('http://example.com/api.php')
.then(response => {
this.info = response.data
})
.catch(error => console.log(error))
}
})

在這個(gè)例子中，我們定義了一個(gè)名稱為 info 的數(shù)據(jù)對(duì)象，并在 mounted 鉤子中使用 Axios 庫(kù)獲取 PHP 端的數(shù)據(jù)。在獲取數(shù)據(jù)成功后，我們將返回的 JSON 格式數(shù)據(jù)賦值給 info 對(duì)象，從而實(shí)現(xiàn)在 Vue.js 中顯示 PHP 端返回的數(shù)據(jù)。

通過(guò)以上步驟，我們可以在 Vue.js 中輕松地獲取 PHP 端的數(shù)據(jù)，為開(kāi)發(fā)高效的 Web 應(yīng)用程序提供了便利。