take a closer look at the problem--

id after the change, the request should have been initiated, but because the asynchronous request has not yet returned a result, it caused an error:

Error in render: "TypeError: Cannot read property 'content' of undefined"

the suggested solution is:

(1) change to {{detail & & detail.content}}
or
(2) computed attribute in DOM to add a default value, that is,

gameDetail: {
    get() {
      let gameDetail = { content: '' }
      const gameId = this.id
      querySingleGameDetail(gameId).then(response => {
        return response.data.data.singleGameDetail
      })
      return gameDetail
    }
  }

subcomponents can be written as follows:

props:['id'],
data(){
     return {
       detail: {} ,  
   }  
},
methods: {
    get(id) {
        ...
    }
},
watch: {
    id: 'get'
}

my final solution is to define another variable in data, and then the get of detail returns this scalar, and the value after axios assigns the variable