个人笔记

组件通讯介绍 组件是独立且封闭的单元，默认情况下，只能使用组件自己的数据。在组件化过程中，将一个完整的功能拆分成多个组件，以更好地完成整个应用的功能。而在这个过程中，多个组件之间不可避免的要共享某些数

React 组件介绍 组件是 React 的一等公民，使用 React 就是在用组件 组件表示页面中的部分功能 组合多个组件实现完整的页面功能 可复用、独立、可组合 React 组件的两种创建方式 使

JSX 基本使用 JSX 是 JavaScript XML 的简写，表示在 JavaScript 代码中写 XML（HTML）格式的代码 声明式雨打更加直观、与HTML结构相同，降低了学习成本、提升开

React 概述 用于构建用户界面的 JavaScript 库 是一个将数据渲染为 HTML 视图的开源 JavaScript 库 React 特点 声明式 只需要描述 UI（HTML）看起来是什么样

Vue3快速上手 1.Vue3简介 2020年9月18日，Vue.js发布3.0版本，代号：One Piece（海贼王） 耗时2年多、2600+次提交、30+个RFC、600+次PR、99位贡献者 g

vue-cil vue-cli（俗称：vue脚手架）是 vue 官方提供的。快速生成 vue 工程化项目的工具 特点： 开箱即用 基于 webpack 功能丰富且易于开发 支持创建 vue2 和 vu

导航守卫可以控制路由的访问权限 声明全局导航守卫 全局导航守卫会拦截每个路由规则，从而对每个路由进行访问权限的控制： 守卫方法的 3 个形参 next() 函数三种调用方法 直接放行：next() 强

vue-router 的版本 vue-router 目前只有 3.x 的版本和 4.x 的版本： vue-router 3.x 只能结合 vue2 进行使用 vue-router 4.x 只能结合 v

组件运行过程 组件的生命周期指的是：组件从创建 -> 运行（渲染）-> 销毁的整个过程，强调的是一个时间段 父子组件之间的数据共享 1. 父 -> 子共享数据 通过自定义属性共享数据 2. 子 ->

vue3.x 和 vue2.x 版本对比 vue2.x 中绝大多数的 API 与特性，在 vue3.x 中同样支持。同时，vue3.x 中还新增了 3.x 所特有的功能、并废弃了某些 2.x 中的旧功

安装 Sass Sass 中文网 sass有两种后缀名文件 一种后缀名为 sass，不使用大括号和分号 另一种后缀名为 scss，这种和我们平时写的css文件格式差不多，使用大括号和分号。 编译 Sa

canvas 简介 HTML5 <canvas> 元素用于图形的绘制，通过脚本JavaScript来完成；<canvas> 标签只是容器，必须使用脚本来绘制图形 使用 canvas 使用 canvas

ES6 模块化 ES6 模块化规范是浏览器与服务器端通用的模块化开发规范 ES6 模块化规范中定义： 每个 js 文件都是一个独立的模块 导入其他模块成员使用 import 关键字 向外共享模块成员使

Vuex 概述 Vuex 是实现组件全局状态（数据）管理的一种机制，可以方便的实现组件之间的数据共享 使用 Vuex 统一管理状态的好处 能够在 vuex 中集中管理共享的数据，易于开发和后期维护 能

前端路由的概念与原理 路由（router）就是对应关系 SPA 与前端路由 SPA 指的是一个 web 网站只有唯一的一个 HTML 页面，所有组件的展示与切换都在这唯一的一个页面内完成；此时，不同组

动态组件 动态的切换组件的显示与隐藏 vue 提供了一个内置的 <component> 组件，专门用来实现动态组件的渲染： 使用 keep-alive 保持状态 默认情况下，切换动态组件时无法保持组件

组件的生命周期 生命周期 & 生命周期函数 生命周期（Life Cycle）是指一个组件从创建 -> 运行 -> 销毁的整个过程，强调的是一个时间段 生命周期函数是由 vue 框架提供的内置函数，会伴

watch 侦听器 watch 侦听器允许开发者监视数据的变化，从而针对数据的变化做特定的操作 immediate 选项 默认情况下，组件在初次加载完毕后不会调用 watch 侦听器，如果想让 wat

vue 简介 什么是 vue 官方解释：Vue（读音 /vjuː/，类似于 view）是一套用于构建用户界面的前端框架 1. 构建用户界面 用 vue 往 html 页面中填充数据 2. 框架 框架是

垃圾回收机制（Garbage Collection）简称GC，是JavaScript中使用的内存管理系统的基本组成部分 JavaScript 是在创建变量（对象、字符串）时自动进行了内存分配，并且在不