在VueJS中注入PHP数据的正确方法是什么？

import axios from 'axios';

export default {
  data() {
    return {
      phpData: null
    };
  },
  mounted() {
    axios.get('/api/getPhpData')
      .then(response => {
        this.phpData = response.data;
      })
      .catch(error => {
        console.error(error);
      });
  }
}

<?php
// 假设PHP数据存储在一个数组中
$phpData = array('name' => 'John', 'age' => 25);

// 返回JSON格式的PHP数据
header('Content-Type: application/json');
echo json_encode($phpData);
?>

<template>
  <div>
    <p>Name: {{ phpData.name }}</p>
    <p>Age: {{ phpData.age }}</p>
  </div>
</template>