Vue.js vue 组件中没有调用 ready() 方法

Question

我正在使用 Webpack 捆绑器为基于 Vue 2.0 的前端提供服务。问题是组件中的方法 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>

Answer 1

ready() 生命周期钩子方法在 Vue JS 2 中已弃用。0.x.Use mounted() 或 created() 取而代之。

Answer 2

如果在 100% 加载 image 和 files 后需要运行代码，请在 [=11= 中测试]:

document.onreadystatechange = () => {
  if (document.readyState == "complete") {
    console.log('Page completed with image and files!')
    // fetch
  }
}

更多信息：MDN Api onreadystatechange

Vue.js vue 组件中没有调用 ready() 方法

Vue.js ready() method doesn't get called in vue component

webpack

vue.js

vue-router

vue-component