vue是什么有什么優(yōu)勢

發(fā)布時(shí)間:2021-12-29    知識欄目:Vue框架

vue是一個(gè)js的框架,這樣說好像并不準(zhǔn)確,因?yàn)樗恢箤s做出了改變,并且對前端開發(fā)的模式做了改變,vue是一個(gè)優(yōu)化前端開發(fā)的框架,當(dāng)然,最主要的還是對js的封裝,所以說他是一個(gè)js框架。

使用vue開發(fā),靜態(tài)頁面還是按照原來那樣寫,但一般都是ui組件庫,js方面遵循vue框架的語法規(guī)則,使用它提供的東西,加上js基礎(chǔ)語法來開發(fā)。

使用腳手架創(chuàng)建出vue項(xiàng)目文件夾,新建頁面組件,使用路由切換各個(gè)頁面,然后剩下的就是和以前一樣寫頁面(UI組件庫的導(dǎo)入),使用axios請求數(shù)據(jù),使用各種指令渲染數(shù)據(jù)到頁面,使用vuex實(shí)現(xiàn)頁面間傳值,最后使用webpack打包上線。

網(wǎng)站建設(shè)

   官方介紹:
Vue (讀音 /vju?/,類似于 view) 是一套用于構(gòu)建用戶界面的漸進(jìn)式框架。與其它大型框架不同的是,Vue 被設(shè)計(jì)為可以自底向上逐層應(yīng)用。Vue 的核心庫只關(guān)注視圖層,不僅易于上手,還便于與第三方庫或既有項(xiàng)目整合。另一方面,當(dāng)與現(xiàn)代化的工具鏈以及各種支持類庫結(jié)合使用時(shí),Vue 也完全能夠?yàn)閺?fù)雜的單頁應(yīng)用提供驅(qū)動。

漸進(jìn)式:
聲明式渲染(指令) ---- 組件化(單頁面) ----- 路由(組件跳轉(zhuǎn))-----腳手架(創(chuàng)建項(xiàng)目文件夾) ------ vuex(數(shù)據(jù)共享) 

框架和庫的區(qū)別:
庫是針對一個(gè)功能而實(shí)現(xiàn)的技術(shù),作用范圍小,具有針對性,庫可以隨時(shí)換。
例如:swiper輪播庫,圖片懶加載庫等...

框架是一整套完整的解決方案,不能隨便更換,一旦更換,整個(gè)項(xiàng)目就要推到重來
假如用了vue框架,整個(gè)項(xiàng)目就得遵循vue的語法和規(guī)則來進(jìn)行開發(fā),不能有其他框架的東西,其他的vue不認(rèn)識,就報(bào)錯。
例如:vue,react..
網(wǎng)站建設(shè)知識
vue實(shí)際項(xiàng)目中做了哪些改變和優(yōu)化(個(gè)人理解):
1. vue提供了項(xiàng)目文件的默認(rèn)文件夾,內(nèi)置了很多的包,這些包解決了一些常見問題,例如es678高版本的代碼兼容(babel包),項(xiàng)目打包的配置...

2. 在開發(fā)的時(shí)候,項(xiàng)目組件化開發(fā),一個(gè)功能或者一個(gè)頁面就是一個(gè)組件,最后這些組件哪里使用就在哪里導(dǎo)入,實(shí)現(xiàn)了組件復(fù)用。并且組件化開發(fā),使得每一個(gè)頁面都是獨(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這個(gè)請求庫來請求數(shù)據(jù),渲染數(shù)據(jù)方面提供了很多的指令,例如
v-for  v-if   v-bind 等...指令很多,后面單獨(dú)拿出來記錄,應(yīng)在插值表達(dá)式之后記錄指令。

6. 開發(fā)中,除了組件可以任意導(dǎo)入使用,js文件也可以任意導(dǎo)入使用,例如把某個(gè)頁面用到的所有的請求都放在一個(gè)js文件里面,這個(gè)js文件里面寫了很多個(gè)請求,一個(gè)請求就是一個(gè)函數(shù),在用到這個(gè)請求的頁面中按需導(dǎo)入這個(gè)js文件,然后就可以直接調(diào)用他里面的某個(gè)請求函數(shù)發(fā)起請求了。
這個(gè)很常用,例如路由就是這樣用的,路由就是一個(gè)單獨(dú)的js文件。還有vuex也是一個(gè)單獨(dú)的js文件 store.js。

以上均是個(gè)人見解,vue肯定有更加強(qiáng)大的作用,作為初學(xué)者目前先理解到這
+相關(guān)資訊

廣州網(wǎng)站建設(shè) 廣州網(wǎng)站設(shè)計(jì) 廣州網(wǎng)站開發(fā)

工作室工作地點(diǎn)分布:廣州  深圳  武漢  湖南


(c) Copyright 2008-2024 廣州綠源電子商務(wù)有限公司. All Rights Reserved.