“慢生活”不是懒惰，放慢速度不是拖延时间，而是让我们在生活中寻找到平衡。网站首页程序人生
7.指向ref(通过ref获取元素值，通过ref让父组件调用子组件方法，通过ref让子组件的事件触发（通过props）到父组件的方法)
发布时间：2025-02-11 23:11:45作者：雪饮
![[!--pagekey--]](/e/data/images/notimg.gif)
用ref来获取元素的value值，看我这样做：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div id="app"></di
6.事件events(及value绑定、change监听处理)
发布时间：2025-02-11 20:04:23作者：雪饮
一个最简单的click事件如：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div id="app"></div>
<script
5.组件的参数props
发布时间：2025-02-11 11:51:03作者：雪饮
首先我们来玩下给组件传递消息props的基础使用，完整示例如：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
4.组件的状态state(组件内方法暴漏给console全局访问、bind的使用(设定方法体内this的指向)、forceUpdate强制更新的使用)
发布时间：2025-02-10 21:59:03作者：雪饮
首先我们来了解下react组件状态的机制，以及如何将组件暴漏为外部可以访问。如console可以访问。
完整示例如：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="U
3.组件的嵌套
发布时间：2025-02-10 17:36:16作者：雪饮
组件的嵌套以及组件可以被作为循环体，但只把组件的循环后产生的组件列表整体赋值，这一点和vue是有一些出入的。这里就忽略看事件部分就行了。
<!DOCTYPE html>
<html lang="en