問題描述

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

問題解答

作為vue粉，當然推薦vue啦。理由是：

相比其他幾個比較容易上手，不必弄一堆構建工具也能直接使用（當然最好是有）

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

功能足夠強大，大多數場景都有解決方案

vue推崇的是簡約實用原則，夠小夠強大，這很好

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

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

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

但是個人建議，有機會的有精力的話，React最好能接觸或者學習一下。

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

vue 理由： 簡單 靠譜 有深度

推薦React + Mobx + Ant Design，同vue一樣簡單易學。個人認為React技術棧的難點主要在于Redux，初學者或覺得麻煩的其實可以繞開。這是Mobx + React的todomvc項目地址。

哪個生態圈完善先上手那個

當然是vue哦