浅析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) {
        //..
        
©️2020 CSDN 皮肤主题: 编程工作室 设计师: CSDN官方博客 返回首页
实付0元
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值