Vue.js UI 中的插件和依赖项有啥区别？

Posted 2023-02-22

【中文标题】Vue.js UI 中的插件和依赖项有啥区别？

【英文标题】：What is the difference between plugins and dependencies in the Vue.js UI?Vue.js UI 中的插件和依赖项有什么区别？

【发布时间】：2019-09-18 09:18:03

【问题描述】：

使用 ui 时，您可以选择安装依赖项和插件。

我对这两者之间的区别感到困惑。

例如，我可以将 axios 作为依赖项和插件安装。

我需要两者都做吗？为什么要一个比一个？

我目前的理解是依赖关系就是这样，它会为您的项目添加一个包，而插件也会添加配置。

我这样想对吗？

【问题讨论】：

一般来说，你可以说插件是一种依赖。依赖项不一定是插件，但插件肯定意味着您的代码依赖。 “插件”是一种使用依赖的方式，而依赖只是“你的代码所依赖的任何东西”。

对于 vue 来说，插件是脚本，依赖是库会更准确

【参考方案1】：

插件正是您所描述的。它“插入”另一个软件并添加功能。另一方面，依赖意味着您的软件仅依赖于某些东西才能正常运行 - 通常是代码。

在您的 axios 示例中：

axios 插件会在您的 Vue 实例上安装另一个原型属性（this.$axios.. 或其他任何名称），因此它肯定会为 Vue 添加一个功能。

您也可以只使用 Axios 并将其导入您需要的文件中 import axios from 'axios'。您无需向 Vue 本身添加任何功能——您只需在您的应用程序中使用其他软件。这里的axios是一个依赖。

【参考方案2】：

我可能不会完全正确，但我的理解是

插件与依赖项

命令行

依赖项通过命令行安装为npm install <name>或npm install --save <name>以将依赖项添加到package.json

插件通过命令行安装为vue add @scope/vue-cli-plugin-<name> 或简写为vue add @scope/<name>

安装

依赖项被放入您的项目 node_modules 文件夹中

plugins 将调用正在安装的插件的 generator.js 脚本。这个 generator.js 可以向 package.json 添加依赖项，向项目中的文件添加导入语句，添加/更改现有组件，或generator api docs 下列出的任何各种内容

用法

依赖项需要导入到您使用它们的任何文件中，或全局导入，然后才能使用它们

插件通常已经设置了全局导入，使它们在每个文件中都可用。插件通常还会向 package.json 添加额外的脚本（在 vue ui 中显示为任务）