vue直接引入和npm的區(qū)別有哪些

這篇文章主要介紹了vue直接引入和npm的區(qū)別有哪些，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

vue直接引入和npm的區(qū)別：1、使用npm安裝Vue可以方便包管理，可以直接使用Vue命令，會使用webpack工具，創(chuàng)建項目，前端構(gòu)建工具會讓前端開發(fā)更加高效；2、直接引入方式，在應用需要越來越多的前端庫和前端框架的時候，一個一個在HTML文件中引入會很不方便。

本教程操作環(huán)境：windows7系統(tǒng)、vue2.9.6版，DELL G3電腦。

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

1、直接在HTML中引vue.js

直接使用script引入vue.js文件即可，vue.js文件可以在官網(wǎng)上直接下載，也可以利用CDN

官網(wǎng)下載地址：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 發(fā)布的最新的版本一致。
https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.8/vue.min.js

2、利用npm安裝

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

那么直接在HTML中引vue.js和npm安裝這兩種方式有什么區(qū)別？下面給大家介紹一下

單純的從script引用和npm下載來說并沒有什么區(qū)別，npm下載之后你也能script引入。

重點在于npm是做包依賴管理的工具，你也看到了，是配合其他的包使用開發(fā)的推薦下載方式。開發(fā)時可使用諸如require('vue')，import('vue') 模塊化方案開發(fā)，你可以使用vue-cli起一個項目體驗下。

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

而npm方式可以直接使用Vue命令，會使用webpack工具，創(chuàng)建項目，前端構(gòu)建工具會讓前端開發(fā)更加高效。

感謝你能夠認真閱讀完這篇文章，希望小編分享的“vue直接引入和npm的區(qū)別有哪些”這篇文章對大家有幫助，同時也希望大家多多支持億速云，關注億速云行業(yè)資訊頻道，更多相關知識等著你來學習!