2017-01-16 111 views
3

我正在使用Webpack捆綁器來爲基於Vue 2.0的前端提供服務。問題是組件中的方法ready未被調用。我是否需要在組件上添加一些額外的手錶或類似的東西?vue.js ready()方法不會在vue組件中調用

我的路由器:

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 depracated mounted()created()代替。