
Vue3
泊一
起风了
展开
-
学习Vue3——父子组件传值
【代码】学习Vue3——父子组件传值。原创 2023-06-27 14:56:09 · 426 阅读 · 0 评论 -
学习Vue3——生命周期
简单来说就是一个组件从创建到销毁的过程称为生命周期。vue3组件是直接引入,不需要声明。这两个生命周期的,取而代之是。原创 2023-06-27 13:43:28 · 981 阅读 · 0 评论 -
学习Vue3——watchEffect(高级侦听器)
立即运行一个函数,同时响应式地追踪其依赖,并在依赖更改时重新执行。有两个参数第一个参数就是要运行的副作用函数第二个参数是一个可选的选项,可以用来调整副作用的刷新时机或调试副作用的依赖。原创 2023-06-26 17:00:52 · 591 阅读 · 0 评论 -
学习Vue3——watch(侦听器)
在侦听器创建时立即触发回调。第一次调用时旧值是 undefined。通过设置用函数来获取监听值,可以解决上述问题。用于开启深度监听,解决层级过深监听不到。但是这时监听到的新值与旧值是一样的。原创 2023-06-26 16:12:04 · 472 阅读 · 0 评论 -
学习Vue3——computed(计算属性)
【代码】学习Vue3——computed(计算属性)原创 2023-06-26 14:51:26 · 168 阅读 · 0 评论 -
学习Vue3——To全家桶
应用场景:主要是用在把对象中的某个属性单独拿出来,同时还能保证拿出来后与源数据仍然保存联动,依然还是一个响应式数据。如果原始对象是非响应式的,就不会更新视图, 数据是会变的。但源数据是响应式对象时,可以更新,源数据也会被修改。就是一次可以解构出多个响应式数据。把响应式对象变成普通对象。原创 2023-06-26 11:26:42 · 248 阅读 · 0 评论 -
学习Vue3——Reactive全家桶
只能对浅层的数据响应,如果是深层的数据只会改变值, 不会改变视图。可以修改源数据的值,这样只读对象也会改变。一样,只能修改第一层的数据。解决方案二:包裹一层对象。原创 2023-06-26 09:38:39 · 289 阅读 · 0 评论 -
学习Vue3——Ref全家桶
的值是可以,但是页面展示不正常,因为这不是响应式的,无法被vue追踪。正常查看,要点开对象,然后点击value,才能看到值。是个工厂函数要求我们返回一个对象 并且实现。然后就可以直接看到值了,不用点击两次来查看了。是浅层次的比较 ,修改其属性是非响应式的。不能写在一起,不然会影响。来包装这个值,完成响应。启用自定义格式化程序。原创 2023-06-25 16:56:54 · 472 阅读 · 0 评论