Vue和React知识谱,前端必备

Vue.js作为目前前端生态最好的前端技术,相关知识点比较多,在掌握Vue前有一个全局认识。React同样是mvvm老大哥,生态方面比较前沿,比如Wasm等。本文总结了Vue.js和React必须的知识谱,其中比如JS基础JSX、Babel等部分是共用的。

Vue.js

JS基础:

准备:

  • 项目环境:npm、 Vite、yarn、
  • 依赖:webpack、babel、eslint、
  • VSCode安装Volar、ESLint插件
  • 谷歌浏览器安装 VUE Devtools

1、模板语法

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

2、组件

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

3、生态

4、前端主题

Github代码实践

Vue 在线演示编译结果

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

React

准备

  • VSCode安装ES7+ React/Redux/React-Native snippets插件
  • 谷歌浏览器安装 react-devtools

文档

生态

主题