前端越来越混乱了，当然也可以美其名曰：繁荣。
当新启动一个前端项目，第一件事就是纠结：使用什么框架，重造什么轮子？
那么，希望看完此篇，能够给你一个清晰的认识，或者让你更加地纠结和无所适从 = =！
本篇拿一注册功能作为样本，使用各种框架去实现功能，从而对比各种方式的优劣。
JQuery
>
<div><input type="text" id="nameIpt"/>div> <div><input type="text" id="statusIpt"/>div> <div><input type="button" value="save" id="saveBtn"/>div> </div> <script> $(function () { $("#saveBtn").click(function () { saveToDB($.trim($("#nameIpt").val()), $.trim($("#statusIpt").val())); }) function saveToDB() { //save to db } }) script> 简单粗暴，用户行为驱动的思考方式，不需要怎么动脑= =！
Vuejs
="demo"> <div> <input v-model="name"></div> <div> <input v-model="status">div> <div> <input v-on="click:save()" type="button" value="save"></div> div> <script> var demo = new Vue({ el: '#demo', data: { name: '', status:'' }, methods: { save: function () { saveToDB(this.name, this.status); } } }) function saveToDB(name, status)