教你封装一个简单的vue 版本1

原创 1292150917a 教程 个人封装 287阅读 2018-04-18 11:05:05 举报

今天教大家如何用js封装一个简单的vue双向绑定(v-model),目前刚搞完,分享一下,有什么不懂的或者更好的建议下方留言

首先第一步肯定是写html了!

下面直接附代码。
v-model不懂什么意思的去看下vue把。本文章主要讲思路

开始奔向js

第一步创建data变量 跟SelfVue函数

效果图

高潮来了,最后是你们喜欢的效果

思路不是很清晰,如果大佬们不懂或者暂时又不理解的,等我稍后整理下,重新发布下整体思路。
如果觉得本菜鸡封装的不好的,或者有什么需要改进的地方,请留言提出来,我先谢过了

评论 ( 2 )
最新评论
1292150917a 2018-04-18 11:26:23 2F

还有什么不是很懂的请留言

1292150917a 2018-04-18 11:25:30 1F

本文章主要是通过getAttribute来获取input的绑定事件,然后通过DOM2级添加事件,最后修改输入的值,然后通过js的defineProperty的get和set实现双向绑定。html的主要通过字符串切割 找到{{}}里面的参数,然后变成对应的变量!