vue 实现点击按钮弹出div 点击页面其他位置，隐藏div

1. 效果图

2. 实现步骤

1. 给最外层的div加个点击事件 @click="screenRule=false"
2. 给点击的元素上面加上：@click.stop="screenRule=!screenRule" 或者 @click.stop="screenRule=true"

3. 步骤截图

1. 初始化一个值，控制 div 显示和隐藏
   
2. 设置页面最外层（当用户点击页面内所有地方都会触发，把 div 隐藏）
   
3. 设置页面最外层（当用户点击该按钮时，是隐藏就显示，是显示就隐藏）