简单手写VUE响应式原理--助你更快理解响应式

文章探讨了响应式编程的概念,解释了当数据层改变时如何自动刷新视图层。它通过观察用户对对象属性的修改,记录这种关联,并在数据变化时触发对应的更新函数,实现数据和视图的同步。

需求背景:

        为什么数据层改变后,视图层不刷新呢?

        我能不能做到改变数据的同时,视图自己也更新呢?

        ...

随着这些疑问的产生,响应式应运而生。

顾名思义,响应式就是根据你产生的行为,及时的对你的这些行为做出回应。

那这个过程是如何做到的呢?

第一步:观察。

        用户定义一个对象 obj.age=1,

        同时用户定义了一个改变obj.age 属性值的函数

        但是每次用户都不一样,我们就需要观察

        每次修改obj.age的时候使用该函数触发,那么他们就产生了关联。

        我们通过观察的过程发现的

第二步:记录关联

        它们产生关联后,我们需要在系统能登记,要不然,谁来证明他们有关联的呢对吧?

        并且此时我们需要obj.age发生变化时,我们可以准确匹配到对应关联的函数

第三步:

本系统旨在构建一套面向高等院校的综合性教务管理平台,涵盖学生、教师及教务处三个核心角色的业务需求。系统设计着重于实现教学流程的规范化与数据处理的自动化,以提升日常教学管理工作的效率与准确性。 在面向学生的功能模块中,系统提供了课程选修服务,学生可依据培养方案选择相应课程,并生成个人专属的课表。成绩查询功能支持学生查阅个人各科目成绩,同时系统可自动计算并展示该课程的全班最高分、平均分、最低分以及学生在班级内的成绩排名。 教师端功能主要围绕课程与成绩管理展开。教师可发起课程设置申请,提交包括课程编码、课程名称、学分学时、课程概述在内的新课程信息,亦可对已开设课程的信息进行更新或撤销。在课程管理方面,教师具备录入所授课程期末考试成绩的权限,并可导出选修该课程的学生名单。 教务处作为管理中枢,拥有课程审批与教学统筹两大核心职能。课程设置审批模块负责处理教师提交的课程申请,管理员可根据教学计划与资源情况进行审核批复。教学安排模块则负责全局管控,包括管理所有学生的选课最终结果、生成包含学号、姓名、课程及成绩的正式成绩单,并能基于选课与成绩数据,统计各门课程的实际选课人数、最高分、最低分、平均分以及成绩合格的学生数量。 资源来源于网络分享,仅用于学习交流使用,请勿用于商业,如有侵权请联系我删除!
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值