@Men770

תגדיר בdata משתנה עם ערך ריק
ואחרי זה תכניס את הפונקציה לתוך mounted
לדוגמא:

mounted() {
fetch(config.apiEndpoint + 'book/' + this.$route.params.name).then(res => res.json())
}

ואחרי זה אתה מוסיף שורה שמכניסה את ה Json לתוך המשתנה שהגדרת

מקווה שהסברתי מספיק טוב!

אחרי זה ראיתי שכבר הסתדרת עם הרעיון הזה, סליחה על התגובה המאוחרת

תגדיר בdata משתנה עם ערך ריק
ואחרי זה תכניס את הפונקציה לתוך mounted
לדוגמא:

mounted() {
fetch(config.apiEndpoint + 'book/' + this.$route.params.name).then(res => res.json())
}

ואחרי זה אתה מוסיף שורה שמכניסה את ה Json לתוך המשתנה שהגדרת

מקווה שהסברתי מספיק טוב!

@men770 לא מסכים עם השאלה, עם await צריך לעבוד מעולה ככה:

const data = await fetch(config.apiEndpoint + 'book/' + this.$route.params.name).then(res => res.json())
return {
  book: data.book
}

כתבתי שזה לא עובד, כי בדקתי וזה לא עבד..
כשאני עושה את הפונקציה של data בתור async, ‏vue מחזיר שגיאה, כי הפונקציה data צריכה להחזיר object, והיא מחזירה Promise.

const data = await fetch(config.apiEndpoint + 'book/' + this.$route.params.name).then(res => res.json())
return {
  book: data.book
}

או:

var root =  {
  book: data.book
}

fetch(config.apiEndpoint + 'book/' + this.$route.params.name)
        .then(res => res.json())
        .then(x => root.book = x.book);

return root;