大涛子

# React 组件通信如何实现 ## 父组件向子组件通讯 父组件可以向子组件通过传 props 的方式，向子组件进行通讯。 ```js import React from "react"; class Son extends React.Component { render() { return {this.props.text}; } } class Father extends React.Component { constructor(props)...

## 组件和不同类型 React 中一切都是组件。 我们通常将应用程序的整个逻辑分解为小的单个部分。 我们将每个单独的部分称为组件。 通常，组件是一个 javascript 函数，它接受输入，处理它并返回在 UI 中呈现的 React 元素。 ### 函数/无状态/展示组件 函数或无状态组件是一个纯函数，它可接受接受参数，并返回 react 元素。这些都是没有任何副作用的纯函数。这些组件没有状态或生命周期方法，比如： ```js import React from "react"; export const Header = () => {...

## React 是如何处理事件的 React 的事件是合成事件， 内部原理非常复杂，我这里只把关键性，可以用来解答这个问题的原理部分进行介绍即可。 jsx 实际上是 `React.createElement(component, props, …children)` 函数提供的语法糖，那么这段 jsx 代码： ```js Click me ``` 会被转化为： ```js React.createElement( "button", { onClick: this.handleClick }, "Click me" ); ```...

## 前言 > Vue 组件间通信主要有 3 类通信：父子组件通信、隔代组件通信、兄弟组件通信。 ## `props/$emit`父子组件通信 父组件向子组件传递数据是通过 `props`，子组件向父组件传值是通过 `events（$emit）`（事件形式）。 ### 父组件向子组件传值 父组件 Parent： ```html import Child from "./Child"; export default { name: "parent", components: { Child },...

## 学习资料 - [Vue 项目性能优化 — 实践指南（网上最全 / 详细）](https://juejin.im/post/5d548b83f265da03ab42471d)

## 前言 > 每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如，需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数，这给了用户在不同阶段添加自己的代码的机会。 - 官网 ## Vue2 中的生命周期 Vue 实例有一个完整的生命周期： 1. 开始创建 1. 初始化数据 1. 编译模版 1. 挂载 Dom -> 渲染 1. 更新...