![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 83
vue常见问题
不止会JS
这个作者很懒,什么都没留下…
展开
-
vue3 setup 组合式api props父子组件传值详解
这样做可以直接使用data和data2,无需props.data,但有一个致命的缺陷,数据会失去响应式,所以结构时,需要用torefs包裹,因为props本质上时reactive对象,torefs可以把reactive的每个对象变成ref对象,这样结构出来依旧是响应式。细节方面(基本没用,感兴趣可以看看)========================================================================当父组件传给子组件是响应式对象,那么此数据是原数据的。原创 2023-06-26 23:44:46 · 6578 阅读 · 0 评论 -
vue3 组合式api ref使用详解,以及使用ref绑定dom时,ref.value为undefind的注意事项
我们依旧使用ref函数定义一个变量,但其中并不包裹任何值,并且在我们想要获取的dom上,写上属性ref=“我们定义的这个变量”,那么这个dom就被保存进这个变量了,代码如下图我们也可以使用ref绑定子组件获取子组件实例,步骤一样,如下图但无论是绑定dom,还是绑定子组件实例我们一定要注意以下两点!!!!!!!!!!!!!!!!!!!!!!!!!!!原创 2023-06-27 13:10:03 · 5224 阅读 · 1 评论 -
vue3组合式api,组件的命名方法详解
在vue3组合式api中,我们可以如下命名这样便可以轻松命名组件,但是我们通常使用setup语法糖形式()来写代码,一旦使用语法糖,便不能再使用上述命名方法,以下我统计了一些setup语法糖的组件命名方法。原创 2023-06-27 19:39:56 · 5699 阅读 · 1 评论 -
vue3响应式原理详解,vue3和vue2响应式的区别,手写响应式
渲染effect函数里面包装了真正的渲染方法componentEffect,以及添加一些effect初始化属性。其中componentEffect内部会判断这是第一次调用还是更新页面,如果是更新页面,则会执行更新代码,并触发生命周期beforeUpdate。原创 2023-07-11 12:38:21 · 285 阅读 · 0 评论