Vue.js响应式原理（一）——数据驱动

vue中常见的与数据驱动的三个相关概念：

1、数据响应式

数据响应式中的【数据】是指数据模型，数据模型仅仅是普通的JavaScript的对象，而当我们修改数据时，视图会进行更新，避免了繁琐的DOM操作，从而提高了开发效率。

2、双向绑定

即当数据改变，视图会发生改变；当视图改变，数据也随之改变。

双向绑定中包含了数据响应式，因为双向绑定包含了视图变化。

双向绑定针对的是可以和用户交互的表单元素，我们可以使用v-model在表单元素上创建双向数据绑定。

3、数据驱动

数据驱动是Vue最独特的特性之一。

开发过程中仅需要关注数据本身，不需要关心数据是如何渲染到视图的。