Vue 2.1 beforeCreateフックの呼び出しメソッドが機能していない

Question

コンポーネントが作成される前に、ローカルのjsonデータに対して非同期呼び出しを行っています。したがって、このコードは実際には正常に動作します：

beforeCreate : function() { 
    var self = this; 
     fetch('/assets/data/radfaces.json') 
     .then(function(response) { return response.json() 
     .then(function(data) { self.users = data; }); 
     }) 
     .catch(function(error) { 
     console.log(error); 
     }); 
    }, 

は今、私はちょうどリファクタリングと別の方法にこれを移動したい：

beforeCreate : function() { 
    this.fetchUsers(); 
    }, 

    methods: { 
    fetchUsers: function() { 
     var self = this; 
     fetch('/assets/data/radfaces.json') 
     .then(function(response) { return response.json() 
     .then(function(data) { self.users = data; }); 
     }) 
     .catch(function(error) { 
     console.log(error); 
     }); 
    } 
    } 

そして今、すべてが働いて停止します。私はエラーを取得する：app.js:13 Uncaught TypeError: this.fetchUsers is not a function(…)

私はbeforeCreateフックでfetchUsersメソッドにアクセスできないのはなぜ？何が回避策ですか？

Answer 1

methodsはまだ初期化されていません。

created : function() { 
    this.fetchUsers(); 
    }, 

    methods: { 
    fetchUsers: function() { 
     var self = this; 
     fetch('/assets/data/radfaces.json') 
     .then(function(response) { return response.json() 
     .then(function(data) { self.users = data; }); 
     }) 
     .catch(function(error) { 
     console.log(error); 
     }); 
    } 
    }