前端框架之vue的學(xué)習(xí)
不得不說(shuō)，現(xiàn)在的前端有點(diǎn)吊啊
-
不僅可以寫前端頁(yè)面
竟然還可以編寫后臺(tái)業(yè)務(wù)邏輯
也就是說(shuō)理論上是可以做全棧開發(fā)的
-
別到時(shí)候Java沒(méi)被Python淘汰
反而還被前端給淘汰了
-
話說(shuō)回來(lái)，前端技術(shù)主要經(jīng)歷了三個(gè)階段
1靜態(tài)頁(yè)面，純靜態(tài)的網(wǎng)頁(yè)，只可讀取
2異步刷新，能夠通過(guò)dom操作完成動(dòng)態(tài)渲染
我們以前學(xué)的jQuery就是其典型例子
-
3MVVM模式，關(guān)注視圖和模型
這個(gè)可就厲害了，vue框架就是典型例子
我大致做一個(gè)淺顯的說(shuō)明：
-
這個(gè)V也就是視圖view的意思
暫且就可以將其簡(jiǎn)單地理解成某個(gè)前端頁(yè)面
那這個(gè)頁(yè)面中的數(shù)據(jù)是從哪兒來(lái)的呢？
-
就是這個(gè)M，即模型model的意思
暫且就可以將其簡(jiǎn)單地理解成后臺(tái)響應(yīng)的數(shù)據(jù)
那這個(gè)數(shù)據(jù)是如何被渲染到視圖view中的呢？
-
以前就是通過(guò)dom操作：
比如jQuery中的html()方法
但是方法非常的多，用起來(lái)繁瑣復(fù)雜
-
而MVVM模式就能完成自動(dòng)渲染
后面的VM也就是view-model的意思
視圖和模型能夠完成一個(gè)雙向的綁定
-
注意可是雙向綁定哦
即可以通過(guò)數(shù)據(jù)模型model渲染view
竟然還能通過(guò)view對(duì)model完成修改
-
不需要記任何dom操作相關(guān)的方法
只需要將view和model對(duì)應(yīng)起來(lái)即可
使用起來(lái)非常的簡(jiǎn)便
-
具體案例操作，已詳細(xì)記述在筆記中
在這兒就不展開講述了
