如何检测一个FORM的整个FOCUS

Question

问题描述：
做一个表格；初始状态只显示一个input field，当获得focus的时候会显示出其他的input.
我在做这个form的时候不能同时解决以下问题：
第一种：当鼠标点击空白块（表格外面的的区域时），表格应还原倒初始状态（只显示一个input field)
第二中：当鼠标点击form里面的input的时候，不会还原初始状态，会保持显示全部的input field）

以下为代码-用的vue.js 2.0-- 类似的例子是google keep （添加note的那个表格）