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"], "~") }}

example

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

Nuxt 3 import lodash globally for entire app

nuxt.js

nuxtjs3

nuxt3