yarn搭建好的vue3项目怎么添加Lodash插件

安装 Lodash

在终端中运行以下命令安装 Lodash：

yarn add lodash

在项目中使用 Lodash

在需要使用 Lodash 的组件中，导入 Lodash：

import _ from 'lodash';

然后就可以使用 Lodash 提供的函数了，例如：

const numbers = [1, 2, 3, 4, 5];
const doubledNumbers = _.map(numbers, (number) => number * 2);
console.log(doubledNumbers); // [2, 4, 6, 8, 10]

在 Vue 3 中全局注册 Lodash

如果你想在整个项目中都能使用 Lodash，可以在 main.js 中全局注册：

import { createApp } from 'vue';
import App from './App.vue';
import _ from 'lodash';

const app = createApp(App);

app.config.globalProperties.$_ = _; // 注册 Lodash

app.mount('#app');

现在你就可以在任何组件中使用 $_ 来访问 Lodash 了，例如：

export default {
  name: 'MyComponent',
  mounted() {
    const numbers = [1, 2, 3, 4, 5];
    const doubledNumbers = this.$_.map(numbers, (number) => number * 2);
    console.log(doubledNumbers); // [2, 4, 6, 8, 10]
  },
};
``