2017-01-16 109 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()代替。