![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue3
Vue3
qq_43862878
这个作者很懒,什么都没留下…
展开
-
vue3的Composition API之watch和watchEffect
2. watchEffect:watchEffect函数接收一个函数作为参数。(所有在其函数内部访问的响应式数据都会成为watchEffect的依赖项)1. watch:watch函数接收两个参数:要观察的源和一个回调函数。总的来说,watch提供了更多的灵活性(例如,可以选择什么时候运行回调、访问旧值等),watchEffect更适用于当依赖项改变时总是需要运行的副作用。在Vue3中,watch和watchEffect都是用来监听响应式数据变化的函数,但它们的工作方式有所不同。原创 2023-11-27 11:30:00 · 151 阅读 · 1 评论 -
vue3父组件使用ref调用子组件方法
在vue2中,父组件通过ref调用子组件的方法只需要给子组件添加ref属性,然后使用this.$refs.XXX.method即可。但是在vue3中,子组件需先使用defineExpose将方法暴露给父组件。2、使用ref函数创建一个响应式的引用,并将其绑定到子组件上。1、使用getCurrentInstance。原创 2023-03-30 11:36:40 · 3297 阅读 · 0 评论 -
vue3 组件内注册其他组件,并将其挂载到指定元素上
【代码】vue3 组件内注册其他组件,并将其挂载到指定元素上。原创 2023-03-27 11:58:40 · 836 阅读 · 2 评论 -
vue3的Composition API之reactive和ref的区别
注意:如果解构reactive创建的对象,实际上是在创建原始对象属性的新引用,这些新引用不再是响应式的,因为它们不再被代理对象跟踪。而使用ref创建一个响应式引用时,Vue会返回一个对象,这个对象有一个.value属性,这个属性指向原始值。解构这个对象时,实际上是在创建.value属性的新引用,这个新引用仍然是响应式的,因为它仍然指向.value属性。这个方法接收一个值,并返回一个具有.value属性的对象。reactive适用于需要创建响应式对象的场景,而ref适用于需要创建响应式基本类型值的场景。原创 2023-11-24 18:05:55 · 127 阅读 · 1 评论