- 博客(4)
- 收藏
- 关注
原创 effect和watch 的区别详解
effect和watch 的区别详解 在vue3.x版本中,watch 和 effect 都能用来监听数据变化,那两者有什么区别呢? watchEffect 立即执行传入的一个函数,同时响应式追踪其依赖,并在其依赖变更时重新运行该函数。 watch 需要侦听特定的数据源,并在单独的回调函数中执行副作用。默认情况下,它也是惰性的——即回调仅在侦听源发生变化时被调用。 <script setup lang="ts"> import { reactive, ref, watch, effect, co
2022-04-25 18:05:33
871
原创 vue3 ref、toRef、 toRefs 和reactive的区别
Ref ref数据响应式监听。ref 函数传入一个值作为参数,一般传入基本数据类型,返回一个基于该值的响应式Ref对象,该对象中的值一旦被改变和访问,都会被跟踪到,就像我们改写后的示例代码一样,通过修改 count.value 的值,可以触发模板的重新渲染,显示最新的值 <script lang="ts" setup> import { ref } from 'vue' const age = ref(18) const name = ref('张三') </script>
2022-04-06 11:17:22
1299
原创 Vue 3.2 setup 语法糖
vue3.2 到底更新了什么? 1.SSR:服务端渲染优化。@vue/server-renderer包加了一个ES模块创建, 与Node.js解耦,使在非Node环境用@vue/serve-render做服务端渲染成为可能, 比如(Workers、Service Workers) 2.New SFC Features:新的单文件组件特性 3.Web Components:自定义 web 组件。这个我们平时很少用到,但是应该知道 4.Effect Scope API:effect 作用域, 用来直接控制响应式
2022-04-02 18:01:26
281
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人