nuxt.js - Nuxt 3 为整个应用程序全局导入 lodash

Question

我试图找出为应用程序全局导入 lodash 的正确方法，而不是在每个设置标签内。

我试图将 lodash 设置为插件

import { defineNuxtPlugin } from '#app'
import _ from 'lodash'

export default defineNuxtPlugin(() => {
  return {
    provide: {
      _: () => _
    }
  }
}) 

以上似乎不起作用。

Answer 1

这是因为您已将其作为函数提供，并且必须将其作为函数调用，例如：

{{ $_().join(["a", "b", "c"], "~") }}

和你想要的插件：

import { defineNuxtPlugin } from "#app";
import lodash from "lodash";

export default defineNuxtPlugin(() => {
  return {
    provide: {
      _: lodash
    }
  };
});

然后在模板中：

{{ $_.join(["a", "b", "c"], "~") }}

例子