Javascript 生产中Nuxt组件中未调用已安装的挂钩(全静态)?
我有一个组件,它包含在Nuxt的一个页面上 此组件具有以下生命周期挂钩:Javascript 生产中Nuxt组件中未调用已安装的挂钩(全静态)?,javascript,vue.js,nuxt.js,Javascript,Vue.js,Nuxt.js,我有一个组件,它包含在Nuxt的一个页面上 此组件具有以下生命周期挂钩: <script> export default { name: 'MyComponent', created() { alert('oh hai!') }, mounted() { alert('oh hai again!') } } </script> 导出默认值{ 名称:“MyComponent”, 已创建(){alert('oh hai!'}, 挂载(){alert
<script>
export default {
name: 'MyComponent',
created() { alert('oh hai!') },
mounted() { alert('oh hai again!') }
}
</script>
导出默认值{
名称:“MyComponent”,
已创建(){alert('oh hai!'},
挂载(){alert('oh hai!)}
}
这在开发中效果很好。但是,当我导出站点完整静态(nuxt generate)时,所创建和装载的钩子中的代码不会运行——页面加载时,警报永远不会出现
我觉得我肯定错过了一些明显的东西,但我想不出来。如果在完整的静态nuxt站点上使用创建/装载的生命周期钩子,是否会在组件上调用它们?如果没有,建议用什么方法初始化用于控制组件的代码?如果您只尝试
控制台.log
?这两个警报可能会被丢弃,因为首先是服务器端渲染,然后是客户端渲染。不确定警报
在这种情况下的行为。PS:已创建的
在两侧都可用,而已安装的
仅在客户端可用:另外,当您测试生成的构建时,您确实尝试在本地构建并运行它,或者只在某个地方托管它?hi Kissu--console.log也出现了同样的问题--有趣的是,如果我将组件直接嵌入到布局上,那么这个问题就不存在了。只有当我将组件嵌入到页面上时才会发生这种情况。(钩子也不会在页面根上触发。)