导入 Vue.js 库和通过 Vue-CLI 安装有什么区别？

Question

您能否解释一下使用 Vue 构建单页网站（页面路由）和使用 Vue 构建Electron 应用程序的不同 Vue 安装方法之间的主要区别是什么：

• 通过<script>导入Vue.js库
• 通过 Vue-CLI 安装它

这个installation guide 并不能真正帮助理解差异。

如果我只是通过 <script> 导入 Vue，我的网站/应用程序会运行得更慢吗？

Answer 1

<script> 包含用于在您的网页中包含 Vue 库，就像您添加任何其他 JavaScript 库一样。 Vue 将在 window 对象上可用，供您全局访问。即使您使用 vue-cli，所有外部 JavaScript 都必须以这种或另一种方式包含在内。

vue-cli 只是一个从模板生成 Vue 项目的工具。设置实际上取决于您使用的模板；我想大多数人可能会在大中型 Vue 项目中使用 webpack 模板。这将初始化一个节点项目目录，其中包含开发、调试、测试和构建 Vue 项目所需的所有文件。 Webpack 负责将所有模块捆绑到一个 JavaScript 包中，该包通过 <script> 包含在网页中。您还可以从 vue-loader 中受益，它允许您在 *.vue 文件中编写 Vue 组件。

如果我只是通过 <script> 导入 Vue，我的网站/应用程序会运行得更慢吗？

我的意思是，不是真的，不（您的开发速度可能会受到阻碍，因为您不会从 vue-cli 为您设置的所有花里胡哨中受益）。您的问题更多地适用于您将遵循的开发 Vue Web 应用程序的开发方法。