首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

实现 MVVM类Vue 迷你框架(一)

如何实现 MVVM 类 Vue 迷你框架(一)

MVVM 框架的三大要素:

数据响应式

使用 Object.defineProperty 属性

使用 ES6 Proxy

监听数据变化,更新到视图上

模板插值

提供模板语法与数据绑定

插值:{{ }}

指令:v-bind,v-model 等等。

模板渲染

如果将模板转成 html

将实际数据替换到模板插值中

渲染

模板-> vdom -> real dom

初体验响应式

测试一下数据是否被真的拦截

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20210322A0CGOM00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券