![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue3.0
文章平均质量分 53
SuperHaker~
这个作者很懒,什么都没留下…
展开
-
前端 基于响应式数据 实现拖拽排序和移动
其中,start是drag起始元素,over会在经过的每个元素时触发,enter会在初次进入时触发,drag会在左键拖拽后直到拖拽事件完成前高频率触发,drop会在左键松开后放置元素触发。坑2:禁止图标如何去掉:e.dataTransfer.dropEffect 和e.dataTransfer.effectAllowed两个属性在start的时候设置一下。坑1:drop事件触发不了:元素默认不允许其他元素drop到自身,这个会在over事件默认设置,所以我们需要在这事件preventDefault一下。原创 2024-04-05 12:48:02 · 283 阅读 · 0 评论 -
业务中关于响应式的闹剧
业务情景是往一个数组里面添加元素,每个元素都是一个对象,如果按照vue3的proxy去实现响应式,那肯定得对这个数组代理进行修改才能触发响应式系统的监听,但是,修改了原始传入的对象的属性,居然页面也可以更新!如果是vue2那就解释通了,因为vue仅仅是通过defineProperty来给原始对象加上get和set进行拦截,也就是我通过数组去访问添加的元素,还是直接访问元素,都是同一个对象的引用,vue2内部的深层递归嵌套保证了我改变对象的某个值,还是会能够监听到这个变化去渲染界面。舒服了,终于搞清楚了。原创 2023-09-14 15:35:32 · 63 阅读 · 0 评论 -
vue中事件循环,任务队列
vue事件循环,任务队列原创 2023-08-21 09:34:04 · 152 阅读 · 0 评论 -
vue中的new vue发生了什么?第一次渲染到页面发生了什么?
vue初始化各个生命周期对应发生了什么,怎么和响应式篇联系起来原创 2023-08-17 12:10:59 · 59 阅读 · 0 评论 -
vue中vnode和 diff
vue 的vnode和diff算法原创 2023-08-16 17:27:36 · 153 阅读 · 0 评论 -
vue3 性能提升
vue3性能优化:响应式系统,treeshaking,编译优化原创 2023-08-16 12:03:40 · 87 阅读 · 0 评论 -
vue3 中用proxy代替defineProperty 实现数据拦截
vue3 proxy实现数据响应式转载 2023-08-16 11:20:17 · 151 阅读 · 0 评论 -
Vue 中的数据拦截(Observer),构建依赖(Dep),添加订阅(Watcher),实现响应式
Vue响应式原理原创 2023-08-15 17:58:06 · 790 阅读 · 0 评论 -
前端 异步请求数据 时机 以及 如何初始化
当用全局状态管理渲染用到的数据时,一开始数据还没有请求回来,此时具体组件里用到数据的某些属性就是会报错的,在数据未返回时,设置状态为loading,然后把dom结构替换成骨架屏,以免访问到不存在的数据;数据请求·返回之后,更改状态为finished,同时在组件内部监听这个状态变化(因为数据初始化一般是在setup函数内,也就是create函数内,所以最开始loading状态的时候不应该赋值给data,而是应该监听这个状态的变化,一旦发送变化,即代表数据以及返回,可以访问数据,此时再将数据赋值给data)。原创 2023-07-17 21:39:19 · 125 阅读 · 1 评论 -
vue3 中的组合式写法改为选项式写法
同时,父组件通过ref访问子组件时的option写法和vue2一样,在data中声明ref的值比如children,在子组件参数中通过ref=“children” 将子组件的引用绑定到父组件实例下,在mounted函数中赋值(mounted函数中的this指向组件实例,此时才会有子组件的引用)this.children =this.$ref.children,将子组件引用赋值给data中的变量,最后通过变量去在模板中使用子组件expose出来的内容。原创 2023-06-30 20:08:19 · 435 阅读 · 0 评论