把文件拖到这个区域的时候我想改变这个区域的样式。 回到 App 组件，先在组件里面添加一个表示这个 drag-zone 激活状态的数据，名字可以叫 dragZoneActive，默认让它等于 false。

然后在组件的模板里面，再找到这个 drag-zone 元素，在它上面再绑定两个事件，一个是 dragenter， 拖动进入时，可以把 dragZoneActive 设置成 true。再绑定一个 dragleave ，拖动离开时，把 dragZoneActive 设置成 false。

下面可以再根据这个数据给这个元素帮定一个类，这里绑定一下元素的 class 属性，它的值可以是一个数组，里面先添加一个 drag-zone，然后是一个对象，绑定一个 active 类，这个类要根据 dragZoneActive 这个数据绑定。

打开组件用的样式表，这里要设置一下 drag-zone.active 的样式，可以设置一下元素的 background 还有元素的 color 。 改变元素的背景颜色还有文字的颜色。

回到浏览器测试一下，把一个文件拖到这个区域上，会在这个区域的元素上添加一个 active 类。松开鼠标的时候我们可以去掉这个元素上的 active 类。

回到项目，找到 drop 事件的处理器，onDropDragZone， 这里可以设置一下组件的 dragZoneActive 这个数据，把它等于 false，这样就会去掉在元素上添加的 active 这个类。

再到浏览器上试一下，拖动一个文件到这个区域或者离开这个区域的时候，会改变这个区域的样式。