如何在模块中使用 nuxt 挂钩？答案

【问题标题】：How to use nuxt hooks in a module?如何在模块中使用 nuxt 挂钩？
【发布时间】：2018-05-22 13:00:35
【问题描述】：

我定义了自己的模块并在 nuxt.config.js 中注册。如何在模块中使用钩子？

我已尝试按照文档中的说明执行此操作 https://nuxtjs.org/guide/modules（请参阅页面底部），但挂钩似乎没有触发。

module.exports = function () {

  console.log('hello from modules');

  this.nuxt.hook('module', moduleContainer => {
    console.log('modules!!!');
  });

  this.nuxt.hook('renderer', (renderer) => {
    console.log('renderer created');

    renderer.hook('render:done', (render) => {
      console.log('renderer done');
    });

  });
};

模块正在加载（'hello from modules'），但没有任何钩子被触发。

任何帮助将不胜感激。

【问题讨论】：

标签： vue.js nuxt.js

【解决方案1】：

这些是相应的文档：

基于这些，nuxt hooks可以用作：

export default function() {
    console.log("hello from modules");

    this.nuxt.hook("modules:before", (moduleContainer, options) => {
        console.log("modules:before");
    });
    // or
    this.nuxt.hook("modules:done", moduleContainer => {
        console.log("modules:done");
    });

    this.nuxt.hook("render:before", (renderer, options) => {
        console.log("render:before");
    });
    // or
    this.nuxt.hook("render:done", renderer => {
        console.log("render:done");
    });
    // or
    this.nuxt.hook("render:route", (url, result, context) => {
        console.log("render:route");
    });
};

【讨论】：