前端:vue2+ 入門

最近想對產品前端進行優化,所以實驗性質的編寫了一些方法,如:‘body|{{div_10}}->param’,通過方法在body創建出10個div,相關業務處理和數據在param中保存,雖然寫出來了個樣子,但就是不自信,所以看看vue學習下

vue.js官方文檔

 

1 vue.js能幹什麼?

現在網上有好多‘大牛’在博客天地裏各種豪言,什麼vue.js不過就是..,可以這樣實現..,什麼mvvm模式等等,其實博主也曾被這些人洗腦,所以在這裏說下,框架不是越難越好,這些人說的越放肆,在另一個層面也是對vue.js的一種認可。

閒話不多說,進入正題:

1.單頁面開發中,不同模塊的切換需要寫事件來處理,如show、none等

使用vue.js後:改變data中的數值,自動幫你處理顯示隱藏

2.有個很複雜的功能需要配合後端傳過來的數據進行生成(多層菜單),前端的做法是先 生成 靜態元素,然後需要根據數據格式解析來實現動態生成

使用vue.js後:在創建的靜態元素上添加關鍵屬性,自動生成元素並將數據寫入到指定地方

3.產品因爲客戶的需求經常來回修改一些功能或樣式,比如客戶A覺得左右佈局好看菜單用手風琴,客戶B又是另外一種,這時候爲了完成需求經常會寫成多個版本的界面,然後指向頁面的地址也需要修改

使用vue.js後:通過修改data中的數據實現不同的展現(上述問題css玩的好的可以一個class改變,但這裏的處理還包括功能)

.....

說的再好也似叫賣,具體情形還需要讀者自行觀看文檔並在實踐中運用體會

 

2 vue.js的優點與缺點

優點:【個人理解的優點,其他優點自行百度】

前端演化過程(個人理解): 靜態頁面(html) ——》動態交互頁面(jsp,ajax)——》框架化組成頁面(jsp,ajax,框架)

其中靜態頁面因爲可用性差被動態交互頁面取代,元素也漸漸被動態生成取代,最明顯的對比例子就是Extjs了,用了這個框架之後基本不用寫元素,但這帶來的問題是:固定化,維護成本高(需要懂得框架在業務的運用、函數等,懂這些的人工資比小白高得多)

vue.js則很好的避過了這些問題,雖然在對業務有很好的支撐,但搭建規則簡單,可用性強,將動態因素包含在元素中,這纔是叫view-model的原因

 

缺點:

多層嵌套下for循環要寫多次,沒提供簡單的嵌套調用處理

 

3 入門

同學看下官方文檔吧,簡單易懂全面,會html基本知識一上午就能很好的運用vue,js,這裏也不想把別人有的東西copy過來

 

so,博文就到這了!!!

 

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章