Vue 介紹

Vue

介紹完后臺(tái)的開(kāi)發(fā)語(yǔ)言PHP框架,接下來(lái)就是前端的開(kāi)發(fā)語(yǔ)言,因?yàn)楹芏鄷r(shí)候后臺(tái)開(kāi)發(fā)的東西,我們是對(duì)于普通用戶來(lái)說(shuō)是看不到的,普通用戶能看得到的就是,能接觸到的就是能夠直觀的是一些界面上的東西,視覺(jué)上的東西。

我們大家現(xiàn)在常接觸到的一般就是web的前端,比如說(shuō)我們?cè)跒g覽器打開(kāi)的頁(yè)面,在公眾號(hào)上瀏覽的一些鏈接,或者說(shuō)甚至小程序上面我們打開(kāi)的這些頁(yè)面,所看到的一切,其實(shí)都可以歸納為web前端。

除了采用最原始的HTML的開(kāi)發(fā)之外,那大家現(xiàn)在常用的就是基于某一個(gè)框架來(lái)實(shí)現(xiàn),在這個(gè)基礎(chǔ)上站在巨人的肩膀上來(lái)做開(kāi)發(fā),那這個(gè)時(shí)候的話,vue就是幾乎作為前端開(kāi)發(fā)人員,不可以缺少的一個(gè)web框架。簡(jiǎn)單來(lái)說(shuō)的話,它我們可以把它認(rèn)為是一個(gè)單頁(yè)面的一個(gè)APP應(yīng)用,也就是說(shuō)你打開(kāi)某一個(gè)網(wǎng)址,當(dāng)?shù)?次加載完之后,他就已經(jīng)將最核心的一個(gè)架構(gòu)框架已經(jīng)給你加載完了,你再切換別的頁(yè)面的時(shí)候,你會(huì)感覺(jué)速度非???,因?yàn)樗莻€(gè)時(shí)候只是做最簡(jiǎn)單的一些數(shù)據(jù)的獲取和對(duì)應(yīng)的這些界面的渲染,它不需要每次都是重新加載所有的內(nèi)容。然后再結(jié)合VUE的一些UI框架,那就會(huì)給到用戶非常好的一個(gè)體驗(yàn),能夠在一些中小型的H5應(yīng)用當(dāng)中,能夠會(huì)讓用戶體驗(yàn)感非常的好,使用起來(lái)非常的流暢,對(duì)碼農(nóng)來(lái)說(shuō)開(kāi)發(fā)起來(lái)的話也非常的友善,在很多邏輯上的處理啊,數(shù)據(jù)上的處理的話,都能比以前的js會(huì)更加的事半功倍。

那說(shuō)了那么多,那關(guān)于vue我們需要怎么來(lái)應(yīng)用它呢?最起碼我們需要掌握的是,怎么安裝?然后,怎么來(lái)寫(xiě)模板,怎么來(lái)寫(xiě)路由,怎么來(lái)狀態(tài)儲(chǔ)存,然后還有剩下就是它的一些基本的語(yǔ)法就是,它一些條件的渲染拉列表的渲染了一些事件的處理啊,表單數(shù)據(jù)的一些綁定啊,還有呢,就是一些class syle處理這些呢,就跟html的話就非常的相似。

所以這里邊重點(diǎn)要掌握的,其實(shí)就是,路由配置,數(shù)據(jù)儲(chǔ)存,然后我們最基礎(chǔ)的這個(gè)啊,樣式的綁定,事件的處理,還有數(shù)據(jù)的一個(gè)綁定和處理。

如果我們自己并不是很擅長(zhǎng)在前端的布局,組件的美化,樣式的處理這些的話,那我們可以借用第三方的一些UI的庫(kù),比如說(shuō)常見(jiàn)的有vant,iview還有colorUI這一些。他們已經(jīng)將我們常見(jiàn)的一些組件都已經(jīng)封裝好了,比如說(shuō)像按鈕,輸入框,表單,還有一些常見(jiàn)的像彈窗啊,嗯,還有一些圖表啊,這些他都已經(jīng)處理好了,我們只是簡(jiǎn)單的把它的代碼拿過(guò)來(lái)借鑒,裝載到我們現(xiàn)有的項(xiàng)目頁(yè)面,嵌入當(dāng)中,就可以實(shí)現(xiàn)相應(yīng)的一個(gè)UI效果了,非常的便利。

image.png

那當(dāng)我們能夠非常熟悉的掌握一個(gè)vue基礎(chǔ)的應(yīng)用和UI框架的一個(gè)使用之后,那我們就能夠開(kāi)發(fā)一些,常見(jiàn)的類似手機(jī)的單頁(yè)面應(yīng)用,如一套電商購(gòu)物分銷登記,打卡簽到系統(tǒng)等,還有就是做我們的一些常見(jiàn)的后臺(tái)給到專門(mén)用PC端客戶去對(duì)用戶/粉絲數(shù)據(jù)管理、訂單數(shù)據(jù)管理等。

嗯,今天就很籠統(tǒng)的講了一下vue框架的一些基礎(chǔ),那在未來(lái)的一些文章當(dāng)中的話,我會(huì)針對(duì)某一些具體的一些應(yīng)用,然后將自己的整個(gè)項(xiàng)目代碼的一個(gè)制作的一個(gè)流程給大家呈現(xiàn)出來(lái)。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容