面试题-Vue的深入响应式原理

vue的深入响应式原理、数据驱动原理、双向数据绑定原理解释

1、深入响应式原理:

  • 数据模型仅仅是普通的javascript对象,而当你修改它们时,视图会更新

2、数据驱动原理:

  • 数据改变,视图改变

3、双向数据绑定原理:

  • 我们使用v-model这个指令来实现,数据改变,视图改变;视图改变,数据也随之改变。

公共答案部分:

  • vue是通过数据劫持和发布订阅来实现这一功能的。
  • 数据劫持指的是vue利用ES5的Object.defineProperty属性对data选项中的数据进行getter和setter设置;
  • 发布订阅指 的是vue通过自定义事件将data的变化反应到视图上去,vue通过observe观察者对象反应数据的变化,然后通知vue生成新的vdom,进而渲染视图。
发布了128 篇原创文章 · 获赞 3 · 访问量 2570

猜你喜欢

转载自blog.csdn.net/qq_26642611/article/details/103735623