摘要:
Proxy是什么 首先,我们要清楚,Proxy是什么意思,这个单词翻译过来,就是 代理。 可以理解为,有一个很火的明星,开通了一个微博账号,这个账号非常活跃,回复粉丝、到处点赞之类的,但可能并不是真的由本人在维护的。 而是在背后有一个其他人 or 团队来运营,我们就可以称他们为代理人,因为他们发表的 阅读全文
摘要:
我们了解Promise之前先了解一下什么是异步,因为Promise是用来处理异步操作的 一、什么是异步 异步(Asynchronous, async)是与同步(Synchronous, sync)相对的概念。总所周知,JavaScript 的代码执行的时候是跑在单线程上的,代码按照出现的顺序,从上到 阅读全文
摘要:
选项 API 生命周期选项和组合式 API 之间的映射 beforeCreate -> use setup() created -> use setup() beforeMount -> onBeforeMount mounted -> onMounted beforeUpdate -> onBef 阅读全文
摘要:
1.reactive 2.toRaw 3.readonly 4.isPorxy 5.isReactive 6.isReadonly 7.ref 8.unref 9.toRef 10.toRefs reactive 返回对象的响应式副本 const obj = reactive({ count: 0 阅读全文
摘要:
vue3中对响应式数据的声明官方给出了ref()和reactive()这两种方式,今天我们来聊聊两种定义定义数据方式有什么不同 如上代码,我们使用变量声明的方式,ref的方式,reactive的方式定义的三个变量,num1,num2,num3 我们发现使用ref定义的数据,打印结果是一个被对象包裹的 阅读全文
摘要:
ref 有三种用法: 1、ref 加在普通的元素上,用this.$refs.(ref值) 获取到的是dom元素 2、ref 加在子组件上,用this.$refs.(ref值) 获取到的是组件实例,可以使用组件的所有方法。在使用方法的时候直接this.$refs.(ref值).方法() 就可以使用了。 阅读全文
摘要:
一、什么是vue.nextTick() 定义:在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的 DOM。 所以就衍生出了这个获取更新后的DOM的Vue方法。所以放在Vue.nextTick()回调函数中的执行的应该是会对DOM进行操作的 js代码; 理解:n 阅读全文
摘要:
从 vue2 升级到 vue3,vue3 是可以兼容 vue2 的,所以 vue3 可以采用 vue2 的选项式API。由于选项式API一个变量存在于多处,如果出现问题时,就需要去多个函数内检查,项目较大时,遇到问题,增加排故的难度。 所以 vue3 中新增了 setup 配置项,用它来写组合式AP 阅读全文