![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 79
vue常见问题
不止会JS
这个作者很懒,什么都没留下…
展开
-
keep-alive详解和onactived,ondeactived详解
这里我们一定要分清两个概念,那就是挂载和插入dom树两者有本质区别,比如说在爷组件(父组件的父组件)用keep-alive包裹父组件,并给父组件写入v-if=“flase”在这种状态下,由于v-if的性质,父组件不会出现在dom树上,但由于keep-alive的性质,父组件又会缓存在组件树,所以子组件会跟着父组件脱离dom树,也就会触发ondeactive,但它却能正常触发onmounted挂载的生命周期。只要组件名(也就是组件的name属性)在include中,它就能被缓存,不被销毁,反之则不能。原创 2023-06-27 18:35:49 · 790 阅读 · 1 评论 -
vue3 setup 组合式api props父子组件传值详解
这样做可以直接使用data和data2,无需props.data,但有一个致命的缺陷,数据会失去响应式,所以结构时,需要用torefs包裹,因为props本质上时reactive对象,torefs可以把reactive的每个对象变成ref对象,这样结构出来依旧是响应式。细节方面(基本没用,感兴趣可以看看)========================================================================当父组件传给子组件是响应式对象,那么此数据是原数据的。原创 2023-06-26 23:44:46 · 5095 阅读 · 0 评论 -
vue3 组合式api ref使用详解,以及使用ref绑定dom时,ref.value为undifend的注意事项
我们依旧使用ref函数定义一个变量,但其中并不包裹任何值,并且在我们想要获取的dom上,写上属性ref=“我们定义的这个变量”,那么这个dom就被保存进这个变量了,代码如下图我们也可以使用ref绑定子组件获取子组件实例,步骤一样,如下图但无论是绑定dom,还是绑定子组件实例我们一定要注意以下两点!!!!!!!!!!!!!!!!!!!!!!!!!!!原创 2023-06-27 13:10:03 · 4553 阅读 · 1 评论 -
vue3组合式api 路由中的组件的使用keep-alive详解以及router-view原理详解
当我们想对路由中的一些组件使用keep-alive进行包裹缓存时,有的人会写出下面的代码然后并没有任何作用,于是就会有一种说法是,因为我们都知道keep-alive中只能包裹一个组件,所以有人会理所当然的认为他是因为其中的组件太多了,但其实这种说法并不对。原创 2023-06-27 19:03:53 · 868 阅读 · 1 评论 -
vue3组合式api,组件的命名方法详解
在vue3组合式api中,我们可以如下命名这样便可以轻松命名组件,但是我们通常使用setup语法糖形式()来写代码,一旦使用语法糖,便不能再使用上述命名方法,以下我统计了一些setup语法糖的组件命名方法。原创 2023-06-27 19:39:56 · 4753 阅读 · 1 评论 -
vue3响应式原理详解,vue3和vue2响应式的区别,手写响应式
渲染effect函数里面包装了真正的渲染方法componentEffect,以及添加一些effect初始化属性。其中componentEffect内部会判断这是第一次调用还是更新页面,如果是更新页面,则会执行更新代码,并触发生命周期beforeUpdate。原创 2023-07-11 12:38:21 · 153 阅读 · 0 评论