[AJAX] Récupérer ma donnée ajax dans mon js

Bonsoir, j'ai une donnée ajax et je n'arrive pas à la récupérer dans une variable vuejs, voici mon code:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
 
vPage = new Vue({
    el: "#page",
 
    mounted: function () { //initialiser le démarrage de vuejs
 
    },
    data: {//rechercher du fil d'ariane si vide on le créer en json
        page:recupPage(),
    },
 
 
});
 
 
function recupPage(){
 
       $.ajax({
            url: 'http://test:8000/pageCours/' + JSON.parse(localStorage.getItem('ariane')).idCatego,
            success: function (result) {
             //  console.log(typeof(result));
                result = $.parseJSON(result);
               //           console.log(typeof(result));     
               var pageHtml = result[0].content;
               return  pageHtml;
            }
        });
           console.log(pageHtml);
}

j'aimerais récupérer ma donée pageHtml et l'enregister dans page:

Code:

1
2
3
4
 
    data: {//rechercher du fil d'ariane si vide on le créer en json
        page:recupPage(), //provient de "return  pageHtml";
    },

mon "console.log(pageHtml);" me donne une erreur:

Code:

1
2
 
[Vue warn]: Error in mounted hook: "ReferenceError: result is not defined"

comment la récupérer , merci de vos réponses :)