单向绑定 双向绑定

对比 单向绑定 双向绑定 流向 数据 → 视图（单向） 数据 ↔ 视图（双向） 视图修改 不影响数据源 自动同步数据源 适用场景 展示类文本、图片、按钮状态 表单输入、勾选、下拉等交互 框架代表 React、v-bind Vue v-model、Angular

v-if v-show ultramans

v-if 渲染机制：不满足条件 → DOM 不存在 性能：切换开销大，初次渲染开销小 v-show 渲染机制：不满足条件 → DOM 存在，display:none 性能：切换开销小，初次渲染开销大 ultramans 就是存奥特曼信息的数组变量名，程序员随便起的名字，换成 list / heroList 都行。