1、可以使用v-if指令来控制div的显示隐藏，使用v-if指令时，当条件为真时div显示，当条件为假时div隐藏，v-if指令的用法如下：
<div v-if="show">这是一个div</div>
2、可以使用v-show指令来控制div的显示隐藏，使用v-show指令时，div会一直存在，只是通过改变css样式来控制div的显示隐藏，v-show指令的用法如下：
<div v-show="show">这是一个div</div>
只需设置display:none
即可将该元素设为隐藏的。默认的是显示的，即不设置display即默认显示。
isplay 属性规定元素应该生成的框的类型，定义建立布局时元素生成的显示框类型。
display的值可以取如下的值：
none此元素不会被显示。
block此元素将显示为块级元素，此元素前后会带有换行符。
inline默认。此元素会被显示为内联元素，元素前后没有换行符。
inline-block行内块元素。（CSS2.1 新增的值）
1、新建一个html文件，命名为test.html。
2、在test.html文件内，使用ul li创建一行列表，在li标签里面使用a标签创建一个文字链接。
3、在a标签的下面，创建一个div模块，在div内写上测试的文字。代码如下。
4、在test.html文件内，创建css标签，在css内初始化页面所有元素样式，设置内外边距都为0 。
5、使用css设置div隐藏（display:none），并且设置div内的文字颜色为红色（color:red）。
6、使用css设置li的hover属性，实现当鼠标放在li标签内的a链接上面时，通过把div的display属性设置为block，把div显示出来。
7、在浏览器打开test.html文件，查看实现的效果。
