1. ホーム
  2. webpack

[解決済み] Vue.jsのready()メソッドがvueコンポーネントで呼び出されない

2022-02-11 02:31:51

質問

Vue 2.0ベースのフロントエンドを提供するために、Webpack bundlerを使用しています。問題は、メソッド 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>

解決方法は?

ready() VueJS 2.0.xでは、ライフサイクルフックが廃止されました。 mounted() または created() の代わりに