我正在使用 Webpack bundler 来提供基于 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>
ready()
生命周期钩子方法在 VueJS 2.0.x.中使用mounted()
或created()
中被弃用。
如果您需要在
100% 加载图像和文件后运行代码,请在 mounted()
中进行测试:
document.onreadystatechange = () => {
if (document.readyState == "complete") {
console.log('Page completed with image and files!')
// fetch
}
}
更多信息: MDN API onreadystatechange