Vue 官方教学：提升 Vue3 开发幸福感的 8 个小技巧

主要观点总结

文章介绍了Vue开发中能提高开发者幸福感的十个技巧，包括使用Composition API和script setup、使用toRefs响应式解构、封装Hooks、使用watchEffect、使用provide和inject、使用shallowRef、使用defineExpose以及使用effectScope进行全局状态管理。同时，文章还介绍了奇舞团的相关信息，包括团队规模、发展方向和培训课程等。

关键观点总结

关键观点1: Vue开发的十个提高幸福感的技巧

官方总结的八个技巧，包括使用Composition API和script setup、使用toRefs响应式解构等，能提升Vue开发效率和体验。

关键观点2: 奇舞团的介绍

奇舞团是360集团最大的大前端团队，重视人才培养，提供多种发展方向和相应的培训课程。团队以开放和求贤的心态欢迎优秀人才关注和加入。

文章预览

前言 最近  Vue School  发布了在  Vue  开发中，能让开发者提高幸福感的十个技巧，让我们大家来看看吧~ 1、Composition API + script setup 用过  Vue3 Composition API  的朋友想必都知道有多么方便，相比于  Vue2 Option API  ，开发体验简直是提升得不止一点，如果再加上  script setup  的话，那你写起 Vue 来会更加快捷 2、toRefs 响应式解构 当你在组件中接收  props  的时候，如果只是简单的解构的话，是没有响应式的 所以可以使用  toRefs  来进行解构，这样解构出来的每一个属性都是一个  Ref 3、Hooks 的封装 为了可复用性，我们可以把一些复用到的 API 集合到一个函数里面去 4、watchEffect watchEffect  相比于  watch ，它能自动帮我们收集依赖进行监听响应式变化 5、provide + inject 当你在封装一些比较复杂的组件时，涉及到的组件层数会比较多的时候，使用  props  进 ………………………………