Vue.js UI中的插件和依赖项之间有什么区别?

时间:2019-04-29 18:01:38

标签: vue.js vue-cli

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

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

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

我两个都需要做吗?为什么一个接一个?

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

我认为是正确的吗?

2 个答案:

答案 0 :(得分:2)

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

在您的axios示例中:

axios插件在您的Vue实例上安装了另一个原型属性(this.$axios ..或其他名称),因此它肯定为Vue添加了功能。

您还可以仅单独使用Axios并将其导入所需的文件中 import axios from 'axios'。您无需向Vue本身添加任何功能-您只需在应用程序中使用其他软件即可。这里是Axios的依赖项。

答案 1 :(得分:0)

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

插件与依赖项

命令行

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

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

安装

  • 依赖项放置在您的项目的node_modules文件夹中

  • 插件将调用要安装的插件的generator.js脚本。这个generator.js可能会向package.json添加依赖项,向项目中的文件添加import语句,添加/更改现有组件,或者在generator api docs

  • 下列出的任何其他内容

用法

    必须先将
  • 依赖项导入到您在其中使用的任何文件中,或将其导入到全局文件中

  • 插件通常已经设置了全局导入,从而使每个文件都可以使用它们。插件通常还会将其他脚本添加到package.json(在vue ui中显示为任务)