36《Vue 入门教程》Vue 第三方库的使用

Posted 2023-03-13

参考技术A 本小节我们将带大家学习：如何在项目中使用第三方库。在日常的开发中，我们正在大量地使用第三方库。学会使用第三方库，可以说是前端工程师最基本的技能。其实，使用第三方库非常简单，绝大部分库的文档中都会教我们如何使用。

接下来我们用几个案例来学习使用第三方库。

我们打开 ElementUI 的官网，根据官网的教程一步步学习。

在 Vue-cli 创建的项目中，我们可以使用以下命令进行安装：

也可以通过 CDN 的方式在页面上直接引入：

在 main.js 中写入以下内容：

此时，我们已经可以在项目中使用 Element 给我们提供的各种组件了。 我们可以改造 ‘views/Home.vue’ 中的内容：

同样地，要使用 Lodash，我们需要先通过 npm install --save lodash 安装 Lodash。在使用 lodash 之前，通过 import _ from "lodash" 引入 Lodash 包。此时，我们就可以在项目中使用 Lodash 给我们提供方法了：

本节我们带大家学习了如何在项目中使用第三方库。在使用第三方库之前，我们需要先通过 npm install 安装第三方库，然后在项目中利用 import 加载第三方库。