vue直接引入和npm的差別是什麼

vue直接引入和npm的差異：1、使用npm安裝Vue可以方便套件管理，可以直接使用Vue指令，會使用webpack工具，建立項目，前端建置工具會讓前端開發更有效率；2 、直接引入方式，在應用需要越來越多的前端函式庫和前端框架的時候，一個一個在HTML檔案中引入會很不方便。

本教學操作環境：windows7系統、vue2.9.6版，DELL G3電腦。

使用vue有兩種方法：直接在HTML中引vue.js和npm安裝。

1、直接在HTML中引vue.js

直接使用script引入vue.js檔案即可，vue.js檔案可以在官網上直接下載，也可以利用CDN

官網下載網址：https://vuejs.org/js/vue.min.js

CDN位址：

https://cdn.staticfile.org/vue/2.2.2/vue.min.js
https://unpkg.com/vue/dist/vue.js, 会保持和 npm 发布的最新的版本一致。
https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.8/vue.min.js

2、利用npm安裝

#推薦閱讀《如何用npm安裝vue.js？ 》

那麼直接在HTML中引vue.js和npm安裝這兩種方式有什麼不同？以下跟大家介紹一下

單純的從script引用和npm下載來說並沒有什麼差別，npm下載之後你也能script引入。

重點在於npm是做套件依賴管理的工具，你也看到了，是配合其他的套件使用開發的建議下載方式。開發時可使用諸如require('vue')，import('vue') 模組化方案開發，你可以使用vue-cli起一個專案體驗下。

使用npm安裝Vue可以方便套件管理。等到應用程式需要越來越多的前端函式庫和前端框架的時候，一個一個在HTML檔案中引入會很不方便。

而npm方式可以直接使用Vue指令，會使用webpack工具，建立項目，前端建置工具會讓前端開發更有效率。

相關推薦：《vue.js教學》

以上是vue直接引入和npm的差別是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章！