专栏名称: 前端大全
分享 Web 前端相关的技术文章、工具资源、精选课程、热点资讯
今天看啥  ›  专栏  ›  前端大全

面试题:你能写一个 Vue 的双向数据绑定吗?

前端大全  · 公众号  · 前端  · 2018-04-18 21:03
(点击上方公众号,可快速关注)作者:呆头呆脑丶segmentfault.com/a/1190000014274840在目前的前端面试中,vue的双向数据绑定已经成为了一个非常容易考到的点,即使不能当场写出来,至少也要能说出原理。本篇文章中我将会仿照vue写一个双向数据绑定的实例,名字就叫myVue吧。结合注释,希望能让大家有所收获。1、原理Vue的双向数据绑定的原理相信大家也都十分了解了,主要是通过 Object对象的defineProperty属性,重写data的set和get函数来实现的,这里对原理不做过多描述,主要还是来实现一个实例。为了使代码更加的清晰,这里只会实现最基本的内容,主要实现v-model,v-bind 和v-click三个命令,其他命令也可以自行补充。添加网上的一张图2、实现页面结构很简单,如下:di ………………………………

原文地址:访问原文地址
快照地址: 访问文章快照