(1)node功能
准確的說是使用vue-cli 腳手架搭建項目的時候需要nodejs。也可以用script標簽引入vue.min.js這樣的,在js里實例化vue也行。
使用node有幾件事,打包部署,解析vue單文件組件,解析每個vue模塊,拼在一起,轉碼es6,less,等,啟動測試服務器localhost8080, 幫助管理 vue-router,vue-resource這些插件,直接拿來用。
也就這些好處,這都是所謂前端工程化,也是前端發展趨勢,掌握這些東西也能提升身價。
(2)webpack
webpack能夠把.vue后綴名的文件打包成瀏覽器能夠識別的js,而這個.vue文件裝換需要打包器vue-loader→npm下載→node包管理工具
Vue.js可以在html里引用,使用npm引入是方便包管理。等到應用需要的庫和框架多起來后,一個個從html里引入就不方便了。所以用到打包工具比如webpack,可以直接require引入之后將不同模塊打包成單個js文件。同時這些工具提供各種自動化處理,讓前端開發更爽。最后Vue.js是數據驅動,和JQuery思路不同,你幾乎不需要自己進行復雜低效的dom操作,開發簡介明了。
(3)關系梳理
webpack能夠把.vue后綴名的文件打包成瀏覽器能夠識別的js,而這個.vue文件裝換需要打包器vue-loader
這個vue-loader打包器是可以從npm上面下載(npm上面有很多資源包),npm下載文件之后,webpack打包文件的時需要node環境去運行
.