Vue3
关注
分享
扫一扫
文章平均质量分 67
Vue3
猛扇赵四那半好嘴
程序媛一枚，热爱写 bug！
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
vue3中使用defineProps、defineEmits和defineExpose
父组件通过v-bind绑定一个数据，然后子组件通过接受传过来的值。ts这两种方法接收的值可以在模板中使用，但是不能用js调用，会报错。js结合ts。原创 2024-06-12 13:43:38 · 1070 阅读 · 0 评论 -
vue3中的toRef、toRefs和toRaw
toRef的作用是将一个响应式对象中的属性转换成单独的响应式引用。转换后的响应式引用会跟踪原始属性的变化。转换后的响应式可以被用于计算属性及监听器中。如果原始对象是非响应式的则不会更新视图，数据会改变。原创 2024-05-13 09:00:03 · 491 阅读 · 0 评论 -
vue3中的watchEffect高级侦听器
立即执行传入的一个函数，同时响应式追踪其依赖，并在其依赖变更时重新运行该函数。原创 2024-05-14 13:22:17 · 498 阅读 · 0 评论 -
vue3中的watch侦听器
在有些情况下，我们需要在状态变化时执行一些“副作用”：例如更改DOM，或是根据异步操作的结果去修改另一处的状态。在组合式API中，我们可以使用watch函数在每次响应式状态发生变化时触发回调函数。watch函数可以侦听被ref和reactive包裹的数据。原创 2024-05-14 13:22:01 · 1081 阅读 · 0 评论 -
vue3中的computed
computed计算属性就是当依赖的属性的值发生变化的时候，才会触发他的更改；如果依赖的值，不发生变化的时候，使用的是缓存中的属性值。原创 2024-05-13 09:00:52 · 19026 阅读 · 0 评论 -
vue3中的reactive、readonly和shallowReactive
readonly：拷贝一份proxy对象将其设置为只读。使用readonly时， 变量里的属性不可改变。当原本数据改变时，使用了readonly函数的值也会发生改变。在这个例子中，修改响应式对象中的age属性，readonly中的age属性也会随之更改。原创 2024-04-28 10:48:13 · 938 阅读 · 0 评论 -
vue3中的ref、isRef、shallowRef、triggerRef和customRef
接受一个参数值并返回一个响应式且可改变的ref对象。ref对象拥有一个指向内部值的单一属性，指向内部值。例：此时，页面上的str1也跟着变化使用ref获取dom。原创 2024-04-24 14:28:30 · 1491 阅读 · 0 评论