2017-01-16 14 views
3

私はVue 2.0ベースのフロントエンドに対応するためにWebpackバンドラを使用しています。問題は、コンポーネント内のメソッドreadyが呼び出されないということです。コンポーネントなどに特別な時計を追加する必要がありますか?VueコンポーネントでVue.js ready()メソッドが呼び出されない

マイルータ:

import Vue from 'vue' 
import VueRouter from 'vue-router' 
import VueResource from 'vue-resource' 

import Register from './views/auth/register.vue' 

Vue.use(VueRouter); 
Vue.use(VueResource); 

const routes = [ 
    { path: '/auth/register', component: Register } 
] 

const router = new VueRouter({ 
    routes // short for routes: routes 
}) 

export default router; 

と私の試料成分:

<template> 
    <div> 
     <div class="message">{{ msg }}</div> 
    </div> 
</template> 

<script> 
export default { 

    data: function() { 
     return { 
      msg: 'Hello from vue-loader!' 
     } 
    }, 

    ready: function() { 
     console.log('test'); 
    } 
} 
</script> 
+3

これは、Vue 2で不足しているからです - 使用した 'mounted()'または 'created()' –

+0

@BelminBedakそれは答えです!どうもありがとうございました。私はそれを受け入れることができるようにaswerとして追加してください – Luke

答えて

8

ready()ライフサイクルフックメソッドではなくVueJS 2.0.x.Use mounted()created()にdepracatedされます。

関連する問題