在开发管理后台过程中，一定会遇到不少了增删改查页面，而这些页面的逻辑大多都是相同的，这样子会导致代码耦合度越来越高，下面，我们将这些可复用的数据抽离出来成hook，既解决耦合度的问题又提高工作效率

通过本文的50个web示例你将学到: Vue3核心基础语法和进阶语法 less核心基础语法和进阶语法 scss核心基础语法和进阶语法 1.Expanding Cards 效果如图所示: 源码 在线示例

前天有幸看了尤雨溪 、月影、 郭辉、屈光宇 几位大佬的 《畅聊 Vue 3.0 & 前端技术新趋势》，属实 vue3 生态周边大全 的一波好家伙给震撼到了； 虽然我看直播中说的最多的是 别更新了

Vite是什么，Vite本身与框架无关，是一套基于插件的项目工程架构，是新的一套对开发者比较友好的一套构建和开发的工具，它的特点就是快，它不会随着项目的规模的变大而让你的开发过程变得卡顿。

本文是《Vue3 + TS 最佳实践 》的补充篇，尝试通过使用 JSX 来达到 Vue3 与 TS 的完美配合。但是……

笔者有 3 年多 React + TS 的实践经验，深刻体会到 TS 对生产效率的提升作用。最近换了新团队，Vue3 + TS 的最佳实践是笔者最近研究的方向，现将阶段性成果总结成文，供大家参考。

VUE 3.0带了一些振奋人心的更新，最让人激动的莫过于composition api，使用composition api我们可以用一种全新的逻辑去组织代码，让代码变得更易读，更好维护。 在使用VUE 3 的过程中，我们发现使用composition api，jsx/tsx无疑…

Vue3的引入了新特性Composition Api，相比于Vue2的代码出现了重大变化，也为状态管理方式提供了新的途径。而Vue3中利用typescript的全面加持则可以让我们更优雅地使用状态管理

Vite + Vue 3 + Typescript + tsx + less + router + vuex + elementplus 教程示范demo