星空网 > 软件开发 > Java

model 和 view 实现思考

采用model.view = view 和  view.model=model 进行双向绑定,还有一种方案是采用id号进行绑定,viewmodel的views 和 models 属性存放所有的id 映射。目前采用第一种方案。

model实例化,实例化一个model,并且执行model.data=data操作,这样把data绑定到model,操作不能对data进行任何属性的增删,保持原状。避免开发者操作时引起不必要的麻烦。

data多层嵌套问题,只在deta级进行defineProperty和array的操作,以便实现监听。不针对model进行嵌套处理。这一环节延迟到view创建时进行。

监听:model采用defineProperty的set和get方法进行数据改变监听,array的监听采用重载array的push、pop、shift、unshift、fill、reverse方法。

当数据进行改变后,如执行 commodity.price = 50,触发model的change事件,model把该模型的渲染追加到viewmodel的渲染列表中。

view实例化,实例化一个view,需要针对view对应的element的子孙级elemnt进行view实例化,实例化后 view.el = element。如果存在x-model指令,还需要实例化view的model,采用从上而下的实例顺序。

渲染顺序 1、指令处理(在指令集一章进行阐述)  2、表达式处理(在表达式一章进行阐述)

 




原标题:model 和 view 实现思考

关键词:ie

ie
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

外贸独立站运营101: 如何进行搜索引擎优化SEO:https://www.ikjzd.com/articles/142212
不再“单纯”快时尚,SHEIN进军宠物用品市场:https://www.ikjzd.com/articles/142213
如何做出高点击率的主图?:https://www.ikjzd.com/articles/142214
欧洲外贸市场逆势突围:欧洲各国买家攻略了解一下:https://www.ikjzd.com/articles/142215
船长BI完成A轮融资,金额近1亿人民币:https://www.ikjzd.com/articles/142216
你知道2021年值得关注B2B电商趋势有哪些吗?:https://www.ikjzd.com/articles/142217
独家丨B站广告位可跳转美团APP B站为电商平台引流再升级 :https://www.kjdsnews.com/a/1836410.html
百崖大峡谷生态旅游景区(探秘中国西南自然风光):https://www.vstour.cn/a/363176.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流