vue.js的核心思想包括:数据驱动和组件化思想。

下面看一张关系图:

Vue采用MVVM的设计模式,MVVM中的M---Model表示模型,是一个javascript对象;V-View是DOM也就是UI;ViewModel--表示的是一个Vue实例对象。



如果没有中间的ViewModel则关系图编程下面所示:通过Ajax通信获得后台数据,那么要将获得数据显示在DOM上,则需要手动操作DOM节点。这是一个繁琐的过程,还很容易出错。


而使用vue.js后则省去手动操作DOM 。在vue.js里面只需要改变数据,Vue.js通过Directives指令去对DOM做封装,当数据发生变化,会通知指令去修改对应的DOM,数据驱动DOM的变化,DOM是数据的一种功能自然的映射。vue.js还会对操作做一些监听(DOM Listener),当我们修改视图的时候,vue.js监听到这些变化,从而改变数据。这样就形成了数据的双向绑定。

这就需要了解:数据响应原理

组件化思想可以点击这里:组件化的介绍



Logo

前往低代码交流专区

更多推荐