Vue
小葛哥~
Stay Hungry!Stay Foolish
展开
-
window对象详解
路径:http://10.200.1.3:8080/disk?ciCode=xxxxxx打开后台控制器,输入windows打印找到location,可以发现1.host:获取域名+端口 windows.lacation.host2.hostname:获取域名windows.lacation.hostname3.href:获取整个urlwindows.lacation.href4.origin:获取传参路由前面的url/接口路径windows.lacation.orig...原创 2021-10-26 14:39:35 · 242 阅读 · 0 评论 -
reactive对比ref,如何使用
从定义数据角度对比: ref用来定义:基本类型数据。 reactive用来定义:对象(或数组)类型数据。 备注:ref也可以用来定义对象(或数组)类型数据, 它内部会自动通过reactive转为代理对象。 从原理角度对比: ref通过Object.defineProperty()的get与set来实现响应式(数据劫持)。 reactive通过使用Proxy来实现响应式(数据劫持), 并通过Reflect操作源对象内部的数..原创 2021-10-08 14:33:57 · 143 阅读 · 0 评论 -
Vue2和Vue3中的响应式原理
1.实现原理对象类型:通过Object.defineProperty()对属性的读取、修改进行拦截(数据劫持)。数组类型:通过重写更新数组的一系列方法来实现拦截。(对数组的变更方法进行了包裹)。2.存在问题①新增属性、删除属性, 界面不会更新。②直接通过下标修改数组, 界面不会自动更新。3.Vue2解决这些问题的方法:① 针对对象新增和删除,引入$set方法,属性添加:this.$set(this.person,'sex','女'),属性删除:this.$delete(thi..原创 2021-10-08 14:21:25 · 195 阅读 · 0 评论