数据驱动
数据响应式、双向绑定、数据驱动
- 数据响应式
数据模型基金是普通的 JavaScript 对象,而当我们修改数据时,视图会进行更新,避免了繁琐的 DOM操作,提高开发效率。
- 双向绑定
数据改变,视图改变;视图改变,数据也随之改变
我们可以使用 v-model 在表单元素上创建双向数据绑定
- 数据驱动是 Vue 独特的特性之一
开发过程中仅需要关注数据本身,不需要关心数据是如何轩然大波视图
数据响应式核心原理-Vue2
Vue 2.x
- vue 2.x深入响应式原理
- MDN-Object .defineProperty
- 浏览器兼容 IE8 以上(不兼容 IE8)
defineProperty用法
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge&