丁鹿學(xué)堂:2023最新前端vue3教程分享(vue3簡介)
vue到底是做什么的?
在vue3的官方文檔中指出,vue是性能出色的web前端框架。 這是書面解釋。 vue主要功能就是幫我我們高效快速構(gòu)建用戶界面,把視圖和數(shù)據(jù)關(guān)聯(lián),當(dāng)數(shù)據(jù)發(fā)生變化,視圖會自動更新。通過視圖,也可以自動更新數(shù)據(jù)。 通俗易懂的話,就是在前后端分離的開發(fā)場景下,服務(wù)器只提供數(shù)據(jù)(json數(shù)據(jù)),前端負(fù)責(zé)獲取數(shù)據(jù)以后渲染成各種頁面。 傳統(tǒng)方法,是通過ajax獲取數(shù)據(jù)以后操作dom 通過vue,可以代替之前繁瑣的dom操作。 一句話,vue就是負(fù)責(zé)將數(shù)據(jù)渲染到視圖中。 vue的特點
1 聲明式 所謂聲明式,對應(yīng)就是命令式。傳統(tǒng)的web開發(fā)就是命令式的。 場景:從后端獲取一段文本,作為標(biāo)題渲染到頁面上。 命令式: 1 獲取文本,2 創(chuàng)建h1標(biāo)簽,3 給h1標(biāo)簽設(shè)置innerHTML插入內(nèi)容,4 獲取body,并且把創(chuàng)建的h1放入body 命令式編程可以類比面向過程的編程,一個一個命令去執(zhí)行,完成需求 聲明式: 聲明式就是結(jié)果導(dǎo)向。 還是上面的需求,我們直接聲明我需要一個h1標(biāo)簽,程序會自動幫我們實現(xiàn)創(chuàng)建這些的過程。 2 組件化 傳統(tǒng)的web開發(fā),劃分的標(biāo)準(zhǔn)就是一個一個的頁面。比如首頁,關(guān)于我們,產(chǎn)品詳情等。 而vue的組件化,就是把開發(fā)單位變成了組件。 組件是一個功能的集合,它可大可小。比如,導(dǎo)航可以看成一個組件,按鈕可以看成一個組件。 一個網(wǎng)頁有多個組件構(gòu)成。 組件化的好處是把網(wǎng)頁進(jìn)行了細(xì)分,不同的功能組成一個一個組件,再組合成網(wǎng)頁。提高了代碼的復(fù)用性。 3 漸進(jìn)式 vue的漸進(jìn)式,可以理解為適合各種項目。便于維護(hù)。比如,有的老項目是用jquery,新的功能也可以局部引入vue去實現(xiàn)。 所謂的漸進(jìn)式,可以理解為適應(yīng)性強。老項目可以用,新項目可以用,大項目可以用,小項目也可以用,靈活多變。 可以局部使用,也可以全局使用。