- 博客(4)
- 收藏
- 关注
RSS订阅
1原创 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
762
原创 vue3 ref、toRef、 toRefs 和reactive的区别
Refref数据响应式监听。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
1260
原创 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
232
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人