問題描述

前幾天學(xué)了Smarty模板引擎解決了我以前一直困擾的分工問題，但當(dāng)獲取到ajax返回的數(shù)據(jù)時(shí)，還得先用js生成標(biāo)簽，然后在把元素加到標(biāo)簽內(nèi)，最后再把標(biāo)簽放到HTML中。。。今天發(fā)現(xiàn)這幾個(gè)框架（應(yīng)該）都可以解決這個(gè)問題，但是不知道從哪個(gè)開始學(xué)？不知道根據(jù)項(xiàng)目的復(fù)雜程度應(yīng)該選哪個(gè)框架？希望前輩們給點(diǎn)建議，十分感謝！

問題解答

作為vue粉，當(dāng)然推薦vue啦。理由是：

相比其他幾個(gè)比較容易上手，不必弄一堆構(gòu)建工具也能直接使用（當(dāng)然最好是有）

輕量，size比較小，加載更快，前端當(dāng)然是喜歡小而美的東西啦

功能足夠強(qiáng)大，大多數(shù)場(chǎng)景都有解決方案

vue推崇的是簡(jiǎn)約實(shí)用原則，夠小夠強(qiáng)大，這很好

三個(gè)都用過，react和vue類似，angular則包含的功能比較多(angular又分1，2版本，2是默認(rèn)用的typescript，1太臃腫了)，建議學(xué)vue，最近我也在用vue。

看到上面那么多推薦vue的，我覺得關(guān)鍵還是要明白每一個(gè)框架在解決一個(gè)什么問題，它能為開發(fā)和性能帶來哪些好處，可能過一段時(shí)間又出來一個(gè)什么框架，又被吹上天，學(xué)習(xí)的時(shí)候能深入一點(diǎn)更好

根據(jù)你的描述，你的需求應(yīng)該比較簡(jiǎn)單，直接上簡(jiǎn)單的Vue就可以了；Vue夠簡(jiǎn)單，功能也夠強(qiáng)大。（非.vue文件中的）Vuejs的模板是字符串，不需要轉(zhuǎn)換；React的JSX還要轉(zhuǎn)換（或者再引進(jìn)一個(gè)lib）等等。對(duì)于你來說上React太麻煩了。

但是個(gè)人建議，有機(jī)會(huì)的有精力的話，React最好能接觸或者學(xué)習(xí)一下。

angular有依賴注入，臟值檢查，而vue都沒有這些，上手很容易，文檔寫的非常好了，建議學(xué)vue.非常好的框架。

vue 理由： 簡(jiǎn)單 靠譜 有深度

推薦React + Mobx + Ant Design，同vue一樣簡(jiǎn)單易學(xué)。個(gè)人認(rèn)為React技術(shù)棧的難點(diǎn)主要在于Redux，初學(xué)者或覺得麻煩的其實(shí)可以繞開。這是Mobx + React的todomvc項(xiàng)目地址。

哪個(gè)生態(tài)圈完善先上手那個(gè)

當(dāng)然是vue哦