vue是什么有什么優(yōu)勢
vue是一個js的框架,這樣說好像并不準(zhǔn)確,因?yàn)樗恢箤s做出了改變,并且對前端開發(fā)的模式做了改變,vue是一個優(yōu)化前端開發(fā)的框架,當(dāng)然,最主要的還是對js的封裝,所以說他是一個js框架。使用vue開發(fā),靜態(tài)頁面還是按照原來那樣寫,但一般都是ui組件庫,js方面遵循vue框架的語法規(guī)則,使用它提供的東西,加上js基礎(chǔ)語法來開發(fā)。
使用腳手架創(chuàng)建出vue項(xiàng)目文件夾,新建頁面組件,使用路由切換各個頁面,然后剩下的就是和以前一樣寫頁面(UI組件庫的導(dǎo)入),使用axios請求數(shù)據(jù),使用各種指令渲染數(shù)據(jù)到頁面,使用vuex實(shí)現(xiàn)頁面間傳值,最后使用webpack打包上線。
Vue (讀音 /vju?/,類似于 view) 是一套用于構(gòu)建用戶界面的漸進(jìn)式框架。與其它大型框架不同的是,Vue 被設(shè)計(jì)為可以自底向上逐層應(yīng)用。Vue 的核心庫只關(guān)注視圖層,不僅易于上手,還便于與第三方庫或既有項(xiàng)目整合。另一方面,當(dāng)與現(xiàn)代化的工具鏈以及各種支持類庫結(jié)合使用時,Vue 也完全能夠?yàn)閺?fù)雜的單頁應(yīng)用提供驅(qū)動。
漸進(jìn)式:
聲明式渲染(指令) ---- 組件化(單頁面) ----- 路由(組件跳轉(zhuǎn))-----腳手架(創(chuàng)建項(xiàng)目文件夾) ------ vuex(數(shù)據(jù)共享)
框架和庫的區(qū)別:
庫是針對一個功能而實(shí)現(xiàn)的技術(shù),作用范圍小,具有針對性,庫可以隨時換。
例如:swiper輪播庫,圖片懶加載庫等...
框架是一整套完整的解決方案,不能隨便更換,一旦更換,整個項(xiàng)目就要推到重來
假如用了vue框架,整個項(xiàng)目就得遵循vue的語法和規(guī)則來進(jìn)行開發(fā),不能有其他框架的東西,其他的vue不認(rèn)識,就報錯。
例如:vue,react..
vue實(shí)際項(xiàng)目中做了哪些改變和優(yōu)化(個人理解):
1. vue提供了項(xiàng)目文件的默認(rèn)文件夾,內(nèi)置了很多的包,這些包解決了一些常見問題,例如es678高版本的代碼兼容(babel包),項(xiàng)目打包的配置...
2. 在開發(fā)的時候,項(xiàng)目組件化開發(fā),一個功能或者一個頁面就是一個組件,最后這些組件哪里使用就在哪里導(dǎo)入,實(shí)現(xiàn)了組件復(fù)用。并且組件化開發(fā),使得每一個頁面都是獨(dú)立存在的,不存在全局變量污染,沒有了css樣式覆蓋的問題。
3. 頁面跳轉(zhuǎn)使用路由router,代替原本的a標(biāo)簽,以及動態(tài)路由實(shí)現(xiàn)傳參,路由懶加載提高性能,導(dǎo)航守衛(wèi)等...
4. 提供vuex狀態(tài)管理,實(shí)現(xiàn)組件(頁面)之間的數(shù)據(jù)共享,也就是頁面間傳值。
5. 提倡使用axios這個請求庫來請求數(shù)據(jù),渲染數(shù)據(jù)方面提供了很多的指令,例如
v-for v-if v-bind 等...指令很多,后面單獨(dú)拿出來記錄,應(yīng)在插值表達(dá)式之后記錄指令。
6. 開發(fā)中,除了組件可以任意導(dǎo)入使用,js文件也可以任意導(dǎo)入使用,例如把某個頁面用到的所有的請求都放在一個js文件里面,這個js文件里面寫了很多個請求,一個請求就是一個函數(shù),在用到這個請求的頁面中按需導(dǎo)入這個js文件,然后就可以直接調(diào)用他里面的某個請求函數(shù)發(fā)起請求了。
這個很常用,例如路由就是這樣用的,路由就是一個單獨(dú)的js文件。還有vuex也是一個單獨(dú)的js文件 store.js。
以上均是個人見解,vue肯定有更加強(qiáng)大的作用,作為初學(xué)者目前先理解到這
上一篇: 快速自助建站代理專業(yè)營銷建站
下一篇: 什么是MVVM?
+相關(guān)資訊