Vue 介紹

Vue

介紹完后臺的開發(fā)語言PHP框架,接下來就是前端的開發(fā)語言,因為很多時候后臺開發(fā)的東西,我們是對于普通用戶來說是看不到的,普通用戶能看得到的就是,能接觸到的就是能夠直觀的是一些界面上的東西,視覺上的東西。

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

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

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

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

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

image.png

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

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

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

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

  • 一、Vue的介紹Vue是一個漸進(jìn)式的js框架,只注視視圖層,結(jié)合了HTML+CSS+JS,非常的一用哪個,并且有很...
    flyjar閱讀 9,606評論 0 0
  • vue介紹 神奇的前端框架——Vue.js 一個框架的快速成長源于它有個強(qiáng)大的、活躍度很高的社區(qū)。 前言 上帝說,...
    codeTao閱讀 559評論 0 2
  • 介紹 Vue.js是什么 Vue是一套用于構(gòu)建用戶界面的漸進(jìn)式框架。與其它大型框架不同的是,Vue被設(shè)計為可以自底...
    Program_黑閱讀 1,443評論 0 6
  • CSDN地址:https://blog.csdn.net/qq_38191191 什么是Vue.js Vue.js...
    開猿_節(jié)流閱讀 379評論 0 0
  • 夜鶯2517閱讀 128,214評論 1 9

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