vue实现表单未编辑或未保存离开弹窗提示功能

　　最近做一个表单弹出框，表单保存提交，但是，产品提出，用户不保存，而关闭弹出框时，要给出一个弹窗提示。这个功能，可以用watch监听表单数据。当数据表单发生变化，用户点击了关闭按钮，则根据监听结果来判断用户输入或编辑了数据，进而出现弹窗提示ASP编程，让用户选择是否离开；当数据没发生变化，则不必提示。

　　判断数据变化的次数，因为刚加载数据未完全加载的时候，datas是空对象，待加载完之后，则出现一次数据变化，deep主要是深层次监听，因为数据是层层对象，比较复杂

　　1、当打开的是新建数据的表单，那么一开始， form 的数据是空内容或者默认值，当用户输入了内容，点击关闭按钮，获取到的 this.count 是1或者更大的值。所以， isEdit 为 fasle 时，判断条件是!this.isEdit && this.count > 0时弹出提示，否则不提示直接关闭表单弹出框。

　　2、当打开的是编辑数据的表单，那么一开始， form 的数据是空内容或者默认值，当打开表单弹框时，先获取了数据详情内容并赋值费表单 form 数据，此时this.count的值已经是1了。这时，当用户编辑了表单内容，点击关闭按钮，获取到的 this.count 是大于1的值。所以， isEdit 为 true 时，判断条件是this.isEdit && this.count > 1时弹出提示，否则不提示直接关闭表单弹出框。

　　1）表单有输入，未保存点击关闭，给出一个弹窗提示“当前数据未保存，是否离开？”asp编程必读书籍，选择是，关闭表单弹出框；选择否，表单弹出框不关闭；

　　1）表单内容有编辑情况，未保存点击关闭，给出一个弹窗提示“当前数据未保存，是否离开？”，选择是，关闭表单弹出框；选择否，表单弹出框不关闭；