前言 大家是否在平时写代码的时候遇到过这样的代码？ 小凌特此去研究了一下，其实这是Vue的修饰符。同时它也是Vue的重要组成成分之一，利用好修饰符可以大大地提高开发效率的同时，也可以减少很多不必要的代

全新vue3小白级保姆教程来了！现在，立刻，马上，学起来！！卷起来！！！让你进入vue3的内心世界！

vue简洁好用体现在很多个地方，比如其内置了32+修饰符，可以很方便我们阻止冒泡、阻止默认事件、鼠标事件处理等，让我们还一起讲清楚32+vue修饰符，学会利用webpack动态注册路由，解放双手！！！

从0实现一个vue3后台管理模板，巩固所学的vue3知识点。项目集成了一些第三方插件，初步实现了一些常见的业务功能。

1. 学会 vite 简单原理 2. 学会使用 VSCode 调试源码 3. 学会如何编译 Vue 单文件组件 4. 学会如何使用 recast 生成 ast 转换文件 5. 如何加载包文件等

这件事大约发生在半年前，有人在 vite 的仓库下提了一个关于 vue-router 的 issue，让尤大非常不高兴。遇到同样的问题，如果换做你，你会怎么做呢？

早就听说，React社区，已经全面拥抱Hook。Vue3的发布也支持了自定义Hook，作为只会Vue的前端小码农自然要去看看Vue3 Hook到底是啥黑魔法？ 从不了解React Hook的角度来看一

vue3出来一段时间了，项目中还没有真正实践，只是写了些简单的demo。vue3相比vue2改动还是非常大的，相信不久vue3将会成为主流，打算写个系列作为学习输出。 关于两者的区别相信都能说出很多知

一直都没有去接触 Vue3，现在暑假时间，就趁这个机会去好好的学习一下，这篇文章就是我之前学习 Vue3 做的笔记，做笔记一方面让自己更加理解和掌握知识点，一方面分享给大家希望能对大家有所帮助