Nuxt 3 为整个应用程序全局导入 lodash

【问题标题】：Nuxt 3 import lodash globally for entire appNuxt 3 为整个应用程序全局导入 lodash
【发布时间】：2022-01-27 07:30:16
【问题描述】：

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

我尝试将 lodash 设置为插件

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

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

上面好像没有用。

【问题讨论】：

标签： nuxt.js nuxtjs3 nuxt3

【解决方案1】：

这是因为你已经将它作为一个函数提供并且必须将它作为一个函数调用：

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

还有你想要的插件：

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

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

然后在模板中：

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

example

【讨论】：