Vue进阶知识点与响应式原理详解.pdfVIP

Vue常考进阶知识点

本章学习

Vue

中一些常考的进阶知识点。这些知识点理解难度

较大，可能需要多次阅读才能掌握。

响应式原理

Vue通过Object.defineProperty()实现数据响应式。该函数

能set和get。

vardata={name:yck}

observe(data)letname=data.name//-

值data.name=yyy//-修改值

functionobserve(obj){//判断类型if(!

obj||typeofobj!==object){

return}Object.keys(obj).forEach(key=

{defineReactive(obj,key,obj[key])})}

functiondefineReactive(obj,key,val)

{//递归子属性

observe(val)Object.defineProperty(obj,

key,{//可枚举

可枚举的：true,

Vue常考进阶知识点

这⼀章节来学习Vue的⼀些经常考到的进阶知识点。这些知

识点