watch 加 immediate 属性是可以立即 watch 数据变化的。

单向数据流是 Vue 推荐的方式，但并不反对传 Object 以简化流程。

此外，http://vuejs.org/v2/guide/com... 按 v-model 的语法糖方式创建自定义输入组件也没多复杂，可以考虑使用。

@KingMario

感谢

在下还有几个问题

1. 在传值 value 的时候,想实现单向数据流, 于是我在watch中添加了对value的监听, 并且 deep,immediate 都设置为 true ,代码如下: 这样实现单向数据流正确吗

   watch: {
       value: {
           handler(value) {
               this.data = util.cloneObject(value);
           },
           deep: true,
           immediate: true
       }
   }

2. 利用 v-modal 改变接受的 value 于是我又在 watch 中添加了对 data 的监听, 并且触发input 时间, 但是当值发生改变时发现程序陷入了死循环, 请问应当如何解决

   watch: {
       value: {
           handler(value) {
               this.data = util.cloneObject(value);
           },
           deep: true,
           immediate: true
       },
       data: {
           handler() {
               this.$emit('input', this.data);
           },
           deep: true
       }
   }

贴图代码运行示例
当只传入 value 时:

<staff-form :value="staffDialogData"></staff-form>

能够正确完成单向

当设置 v-modal 时却陷入了死循环

 <staff-form :value="staffDialogData" @input="staffDialogData = arguments[0]"></staff-form>

如有任何不正确的地方望指正