Vue.js作为目前前端生态最好的前端技术，相关知识点比较多，本文总结了必须的知识谱，在掌握Vue前有一个全局认识。

Vue3知识谱

JS基础：

• Typescript：教程
• Vue3中文文档：Vue.js V3

前菜知识点：

• 项目环境：npm、 @vue/cli、Vite、yarn、
• 依赖：webpack、babel、eslint、

功能点：

1、模板语法

Mustache、v-once、v-bind、v-if、v-on、v-show、v-for、

2、组件

生命周期、props、setup、provide、inject、mixin、插槽、

3、规模化

vue-router、Vuex、Pinia、axios、

4、前端主题

Element Plus、Bootstrap 5、Ant Design of Vue

Github代码实践

• vue-admin-better，后台模板：https://github.com/chuzhixin/vue-admin-better
• Blog：各知识点（Vue3 + TypeScript + Vite2 + Vuex4 + Vue-Router4 + element-plus）：https://github.com/biaochenxuying/blog-vue-typescript
• Vuepress：https://github.com/vuepress/vuepress-next

Vue 在线演示编译结果

Vue3: https://vue-next-template-explorer.netlify.app/ Vue2: https://vue-template-explorer.netlify.app/