在没有双向绑定的情况下，如何将 Form 抽出来做成单独的 Vue 组件呢？

[gap]

Angular 转 Vue 的初学者请教各位，我知道 Vue 也有双向绑定 v-model，但好像无法用于抽象通用 Form 的场景。具体🌰：3 个页面（各自都是.vue 组件）都有同样的 Form，我想把其中的 Form 抽出来复用，如果是 Angular 的话，我通常是将这个 Form 做成一个 directive，从父组件传入一个父子组件都可以修改的对象作为 绑定到 Form 里面各个 Input field 的 model，这样在 Form 中 Input field 输入的值，父组件不需要做额外的操作，就可以直接从传入的对象中获取到。Vue 里面好像没有这种做法，也不推荐这种设计，貌似只有通过 event ？用 Vuex 好像又复杂了点。望指点！

[oott123]

v-model 为啥不能用啊，传个 object 进去不行吗

[dong3580]

你需要看这个：
https://cn.vuejs.org/v2/guide/components.html#Prop

[gap]

@dong3580 非常感谢，正是我需要的！