本期我们学习条件渲染和事件绑定。条件渲染指当符合某个条件就选用某种样式。而用户行为可以在渲染层通过事件这种通信方式反馈到逻辑层，然后由逻辑层判断进行业务处理。而事件绑定，就是将事件绑定在组件上，当事件被触发时，就会执行逻辑层中对应事件的处理函数。

一、条件渲染

wx：if 和hidden 对比， 因为 wx：if 之中的模板也可能包含数据绑定，所以当wx：if 的条件值切换时，框架有一个局部渲染的过程，因为它会确保条件块在切换时销毁或重新渲染。同时 wx：if 也是惰性的，如果在初始渲染条件为 false，框架什么也不做，在条件第一次变成真的时候才开始局部渲染。

相比之下，hidden 就简单得多，组件始终会被渲染，只是简单的控制显示与隐藏。一般来说，wx：if 有更高的切换消耗而hidden 有更高的初始渲染消耗。因此，如果需要频繁切换的情景下，用 hidden 更好，如果在运行时条件不大可能改变则 wx：if 较好，具体实例代码如图1。

本次内容由于建了新的项目，所以代码部分在新项目index 页面里编辑和展示（图1）。

wx：if 在框架中，使用 wx：if="" 来判断是否需要渲染该代码块。第2 行，当条件判断为真，显示“电脑报”这几个字。