最近带儿子参加了一个少儿ref="/tag/132/" style="color:#E3A3CF;font-weight:bold;">编程兴趣班，老师用的是JavaScript框架做互动小游戏开发。一开始我也懵，毕竟以前写网页都是直接写代码，现在一堆Vue、React名词砸过来，别说孩子，我这个当爸的都头大。
从“看得见”的变化开始
后来发现，让孩子上手最快的办法，不是讲原理，而是让他改一行代码，马上看到页面变样子。比如用Vue写个计数器：
<div id="app">
<p>点击了 {{ count }} 次</p>
<button @click="count++">+1</button>
</div>
<script src="https://unpkg.com/vue@3"></script>
<script>
const { createApp } = Vue
createApp({
data() {
return { count: 0 }
}
}).mount('#app')
</script>他点一下按钮数字就加一，特别来劲。第二天自己把+1改成+5，还加了个重置按钮。这种即时反馈，比讲十分钟数据绑定有用得多。
别急着搭工程，先玩现成工具
刚开始真没必要配Node.js、Webpack。直接用CodePen或者JSFiddle，打开网页就能写，还能分享链接给小伙伴看。我家娃和同学一起在一个在线编辑器里改颜色、调文字，像搭积木一样拼出自己的小页面，反而更有成就感。
选一个“脾气好”的框架
给孩子用，推荐从Vue开始。语法接近HTML，错误提示也清楚。React虽然流行，但JSX和状态管理对新手门槛高点。Angular就更不用说了，配置一堆，容易劝退。
有次他想做个会动的小熊，我帮他用Vue加了个显示/隐藏切换：
<div id="bear">
<img v-if="visible" src="bear.png" />
<button @click="visible = !visible">藏起来/跳出来</button>
</div>他觉得像在做动画片，根本没意识到已经学会了条件渲染。
项目比教程更管用
与其按部就班看文档，不如定个小目标：做个生日贺卡页面、班级投票器、成语接龙游戏。一边查一边写，遇到问题搜“Vue 怎么让按钮变颜色”，答案往往一页就搞定。这种带着目的学的东西，记得牢。
前两天他做完一个“妈妈今天心情怎么样”的选择器，早上起床点个笑脸或哭脸，晚上自动生成统计图。虽然背后是偷用了简单的Chart.js，但他觉得自己像个程序员。
其实JavaScript框架没那么神秘，关键是从孩子感兴趣的地方切入。改点代码，页面动起来，那种“我控制了屏幕”的感觉，比任何讲解都来得直接。