Vue表单类的父子组件数据传递示例

先看个例子：

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28

<!-- 父组件 parent.vue -->   <template>   <div class="parent">     <h3>问卷调查</h3>     <child v-model="form.name"></child>     <div class="">       <p>姓名：{ {form.name}}</p>     </div>   </div> </template>   <script>   import child from './child.vue'     export default {     components: {       child     }，     data () {       return {         form: {           name: '请输入姓名'         }       }     }   } </script>

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23