用php写的网站,做数据图网站,青岛专用网站制作,蓝色系列的网站data数据响应式 所有在实例上挂载的属性#xff0c;都可以在视图中直接使用 data中的数据#xff0c;是经过“数据劫持”的#xff0c;是“响应式数据” 响应式#xff1a;修改数据#xff0c;视图会自动更新 MV原理#xff1a;其中一条线的原理#xff0c;data响应式的… data数据响应式 所有在实例上挂载的属性都可以在视图中直接使用 data中的数据是经过“数据劫持”的是“响应式数据” 响应式修改数据视图会自动更新 MV原理其中一条线的原理data响应式的原理 template 小胡子语法v-指令 小胡子语法{{}} {{}}中 window上的少数方法一些数据类型转换的方法 react数字 字符串原始值/其他类型都渲染为空。 vuereact底层渲染机制不一样 Object.defineProperty 对象成员的规则限制* enumerable能够被for-in或Object.keys迭代到的 configurable是否可删除。能否通过delete删除 自定义的私有属性规则可枚举 可删除 可修改 浏览器内置的属性规则不可枚举 可删除 可修改 设置成员 内置类的原型上扩展一些方法 对象中的某个成员做数据劫持* 先把数据克隆一份set/get都是改克隆的那份 直接从堆内存中拿信息获取/设置都劫持到半路上通知视图更新 ps.劫持和value writable相互冲突 响应式数据* 前置了解MVVM单文件组件 属性既不可更改也不可删除configurable/writable 新增属性也不能新增了 深递归 若冻结那么其内部属性不再进行属性劫持Object.keys可枚举 非Symbol 私有 数组原型重定向。重写数组的原型指向 例子 劫持阶段发生在new Vue阶段。 $set: 新增加的属性已有属性无效对数组索引 例子改数组 源码实现 首先只处理数组和对象分为数组对象 数据驱动然后视图更新。数据改完之后一定要视图更新 数组 重写原型重写原型指向自己构造了一个原型对象 自己构造的原型对象重写了7个方法先调用原始的数组原型链上的方法以实现数据层面的更新然后compiler视图更新 而且是深递归 对象 Object.keys遍历然后递归 defineReactive只做当前层 data是最高层x y是属性 设置值的时候也需要observe 深层次的递归和劫持冻结对象不做劫持数组来讲并不是对每一项索引项进行劫持而是重写原型指向7个方法对象来讲Object.keys可枚举非Symbol类型属性新set值也会进行劫持。重新来一遍 vue自身的源码 符合条件才会observer类。能执行到observer里的要么是对象要么是数组。
