vuejs的数据驱动

在之前使用jquery开发的年代，我们关注的往往是如何对节点进行操作，所以我们开发组件时候，可能需要提供一些复杂的API接口文档给用户，这些组件的API往往非常复杂，使用者需要了解每个接口传参定义，很细微的界面变化也需要通过调用API进行操作。在vuejs框架当中这些问题的考虑就没有那么重要，因为我们实现了以数据的形式去驱动页面的变化，当我们改变数据时，页面就会自然发生变化，所以用vuejs所实现的组件往往API非常简洁，因为我们只关注数据本身而不需要定义大量接口方法了。要对页面做一些小修小补只要修改数据即可，框架会通过虚拟节点算法高效地进行，所以我们可以大刀阔斧得去修改数据，而界面的变化交由框架去完成，框架可以高效平滑得完成界面更新。以使用数据驱动的方式开发前端组件，使得我们的代码更加简洁。很多之前需要考虑的细节将不太需要关注，很多之前必须要提供的API将不再需要提供，因为数据与视图自动同步。比如写实现一个树的组件，在vuejs之前，我们可能需要循环创建节点，但是在数据驱动思想的帮助下我们可以采用正向的方式去书写这个组件，利用v-for的方式实现循环创建，界面的呈现完全交由框架去完成，这就大大提高了开发一个组件的效率。譬如，当我们需要更新某个节点的展示文本，我们只需要在数据列表中找到那个节点修改对应属性，而不需要像之前一样查询API文档了。