jquery与vue的区别

简单的可以使用一个todo-list案列来解释
首先我们使用jquery实现一个todo-list
jquery与vue的区别
下面是使用vue实现一个todo-list
jquery与vue的区别
接下来我们介绍二者使用区别
1.数据与视图的分离
2.以数据驱动视图

说一下第一点
我们使用jq实现todo-list,视图为html部分,html部分中只有一个ul容器标签,li标签并不存在,再看看js代码,看到在js层面添加li标签,所以不仅有数据,也有视图的存在(li)。
第二点
jquery使用append添加li标签到htm中实现,用。val方法清空数据,这样的理念是直接从修改视图来改变数据的显示。
接下来再对比vue中代码,清楚明了。