[解決済み] 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()
の代わりに
関連
-
[解決済み】Webpack: 「ケーシングが異なるだけの名前のモジュールが複数存在する」しかし参照されるモジュールは同一である
-
webpack パッケージの css エラー(解決済み)。UnhandledPromiseRejectionWarning。TypeError: this.getResolve は関数ではありません。
-
Critical dependencyの解決方法:依存関係のリクエストは式?
-
webpack コマンドが見つかりません webpack のインストール、設定、ピットフィルのためのソリューションです。
-
[解決済み] Webpack - CopyWebpackPluginを使用してソースから公開ファイルへファイルをコピーする
-
webpack:error 改行記号が 'LF' であることを期待したが、'CRLF' 改行記号が見つかった。
-
[解決済み】Vue.jsでURLからクエリパラメータを取得するにはどうすればよいですか?
-
[解決済み】Webpackのスタイルローダーとcssローダーの比較
-
[解決済み】Webpack.configでindex.htmlをdistフォルダにコピーするだけの方法
-
[解決済み] The code generator has deoptimised styling of [some file] as it exceed of max of "100KB"" とはどういう意味ですか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
webpack getaddrinfo ENOTFOUND localhost エラー
-
[解決済み] モジュール 'webpack/bin/config-yargs' が見当たりません。
-
[解決済み] Vue.jsのready()メソッドがvueコンポーネントで呼び出されない
-
copy-webpack-pluginの有用性・活用について
-
[解決済み] Webpack - CopyWebpackPluginを使用してソースから公開ファイルへファイルをコピーする
-
ESlintの構文検出設定方法をオフにする
-
webpack:error 改行記号が 'LF' であることを期待したが、'CRLF' 改行記号が見つかった。
-
[解決済み】webpack.config.jsでES6を使用するにはどうすればいいですか?
-
[解決済み】Webpack.configでindex.htmlをdistフォルダにコピーするだけの方法
-
[解決済み] The code generator has deoptimised styling of [some file] as it exceed of max of "100KB"" とはどういう意味ですか?