浅谈vue3使用感受
Vue.js 是一个渐进式的 JavaScript 框架，它可以让我们用简洁的语法来创建用户界面和交互逻辑。Vue.js 于 2020 年 9 月发布了第三个版本，也就是 vue3，它带来了一些新的特性和优化，让我们的开发体验更加顺畅和高效。在这篇文章中，我将分享一下我使用 vue3 的一些感受和心得。
组合式 API
组合式 API 是 vue3 最大的亮点之一，它让我们可以用函数式的方式来组织和复用组件逻辑。通过导入 setup、ref、computed、watch 等 API 函数，我们可以在 setup 函数中定义响应式数据、计算属性、侦听器等，并返回给模板使用。这样做有以下几个好处：
- 可以把相关的逻辑放在一起，而不是分散在不同的选项中，提高了代码的可读性和维护性。
- 可以更容易地抽取和复用逻辑，比如通过自定义 hooks 或者 composition functions 来封装通用或者业务相关的功能。
- 可以利用 TypeScript 的类型推断和编辑器支持，提高了代码的质量和安全性。
当然，组合式 API 并不是要完全取代传统的选项式 API，而是提供了一个可选的、更灵活的方式来编写组件。我们可以根据自己的喜好和项目需求来选择合适的 API 风格。
单文件组件
单文件组件 (SFC) 是 Vue 的一个特色功能，它让我们可以在一个 .vue 文件中编写模板、脚本和样式，并且通过编译器优化实现高效的渲染。在 vue3 中，单文件组件有了一些新的特性和改进：
- 支持 script setup 标签，让我们可以更简洁地使用组合式 API，并且享受更好的类型推断和编辑器支持。
- 支持 style scoped 标签，让我们可以为每个组件定义局部作用域的样式，并且避免命名冲突或污染全局样式。
- 支持 template functional> 标签，让我们可以创建无状态、无实例、只接收 props 和 slots 的函数式组件，并且提升渲染性能。
总结
vue3 是一个值得尝试和学习的框架，它不仅保留了 vue2 的优点，还引入了一些新颖而实用的特性。我认为 vue3 的设计理念是让开发者有更多的选择权和创造力，在保证易用性和灵活性之间找到平衡点。如果你对 vue3 感兴趣，你可以参考以下资源：
