浅析angular,react,vue.js jQuery使用区别
前端越来越混乱了,当然也可以美其名曰:繁荣。
当新启动一个前端项目,第一件事就是纠结:使用什么框架,重造什么轮子?
PS:大牛留言讨论
那么,希望看完此篇,能够给你一个清晰的认识,或者让你更加地纠结和无所适从 = =!
本篇拿一注册功能作为样本,使用各种框架去实现功能,从而对比各种方式的优劣。
JQuery
<div>
<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
<div id="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) {