组件语法、模板与编译：练习答案

模板表达式与事件

可变列表使用稳定 key；不要依赖 DOM 顺序掩盖状态身份问题。

Props、snippet 与组件契约

子组件不改父对象；通过事件或 callback 通知变化。

Scoped CSS 与全局样式

不要用深层选择器解决未知组件结构；令牌通过变量传递。

模板表达式与事件

参考实现把事件更新限制在组件自己的状态：点击按钮后计数从 0 到 1，卸载后再触发旧引用不应更新 DOM。若把派生值也写成独立变量，修改输入后必须同步它，答案应指出这是冗余状态。

Scoped CSS 与全局样式

父组件传入 name，子组件通过 callback/事件发送 changed，不得直接修改 props。snippet 的答案应验证投影内容由父组件创建，Scoped CSS 不会意外覆盖外部节点。

Props、snippet 与组件契约

参考核对：本题“Props、snippet 与组件契约”必须给出具体输入、可观察输出和失败分支；先运行正文示例，再改变一个条件，说明该框架 API 如何处理更新、清理或恢复。