JavaScript如何实现一个简单的Vue?
原创

JavaScript如何实现一个简单的Vue?

好文
试试语音读文章

热门回答:

我是一名前端。先前用了很久的react。最近用了三个月的vue。我来回答一下这个问题!

目前很多的公司都在使用vue来开发和维护自己的站点。我认为vue这么流行。主要有以下几点原因:

1、性能好(dom的基本操作都有框架完成。引入虚拟dom后性能更加卓越)

2、易学(能力强的前端2天即可上手干活)

用过vue的同学肯定知道一个vue文件主要包括两个部分(不算css):

1、vue的模板

2、vue的生命周期逻辑

如果自己要手写一个vuejs。其实就是如何把vue生命周期中的js逻辑对应到模板中。并且实现双向绑定。能够实时的把数据展现在模板中。下面我们尝试着简单的实现一把!

实现功能:div的宽度是100px。每点击一次加10px。宽度的数值还可以实时反映到p标签中。

实现思路如下:

1、首先我们将两个配置收集到vModel中。w就是div的初始化宽度。change函数很明显就是点击的回调函数


综上。通过这三步基本可以实现一个微型的vue。大家可以自己试着玩一玩!

喜欢我的回答就关注我吧。有问题可以发表评论。我们一起学习。共同成长!

您还感兴趣的文章推荐

以上就是由互联网推广工程师 网创网 整理编辑的,如果觉得有帮助欢迎收藏转发~

分享到 :
相关推荐

发表评论

您的电子邮箱地址不会被公开。

评论(2)

  • 且听风雨 永久VIP 2022年12月27日 16:23:04

    宽度,用了,模板,生命周期,函数,自己的,实时,逻辑,两个,都有

  • 樱花吻 永久VIP 2022年12月27日 16:23:04

    没想到大家都对JavaScript如何实现一个简单的Vue?感兴趣,不过这这篇解答确实也是太好了

  • 只求﹂份安宁 永久VIP 2022年12月27日 16:23:04

    我是一名前端。先前用了很久的react。最近用了三个月的vue。我来回答一下这个问题!目前很多的公司都在使用vue来开