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中文網其他相關文章！
