了解 — 简单的响应式工作原理
最后更新于:2022-04-02 08:11:51
>[success] # 关于数据
~~~
常说'数据响应式'、'双向绑定'、'数据驱动'这三个名词的解释
1.数据响应式,数据模型仅仅是普通的 JS 对象,而当修改数据时,视图会进行更新,避免了繁琐的 DOM 操作
,提高开发效率
2.双向绑定,数据改变,视图改变;视图改变,数据也随之改变,可以使用 v-model 在表单元素上创建双
向数据绑定
3.数据驱动是 Vue 最独特的特性之一 MVVM框架优势,开发过程中仅需关注数据本身,不需要关心数据
如何渲染到视图
~~~
>[danger] ##### Vue数据响应的核心原理
~~~
1.Vue2.x 系列是如何做到当修改数据时候视图会进行更新?
答:当你把一个普通的 JavaScript 对象传入 Vue 实例作为 data 选项,Vue 将遍历此对象所有的 property,
并使用 Object.defineProperty 把这些 property 全部转为 getter/setter。Object.defineProperty 是 ES5 中一个无法
shim(无法降级处理) 的特性,这也就是 Vue 不支持 IE8 以及更低版本浏览器的原因。
~~~
[官网解释链接](https://cn.vuejs.org/v2/guide/reactivity.html)
';