vue自定义表单输入组件问题

Question

1.在定义子组件的时候有引用父组件的value值( props:['value'] )，但是在引用的时候为什么没有从父组件中传入值呢？
2.引用子组件在双向绑定price的值是不是已经把值给到子组件定义的value里去了，所以就不用再绑定value值给子组件了？
3.双向绑定的price值到底是给了sapn还是input,双向绑定price的作用是什么

Answer 1

1. value是一个特殊的prop，算是固定用法，用在写自定义的表单类型组件上，跟v-model搭配使用，可以查文档。
2. 是的，可以查文档

3. 给了子组件，并不是属于哪个dom的。按照你的代码结构是这样的

   • 数据输入：

     • 父 => 子
     • 子 => input (可以把input也理解为一个组件)

   • 数据输出：

     • input ==自定义事件==> 子
     • 子 ==自定义事件==> 父

贴个文档地址

Answer 2

1）v-model是input之类的绑定，对组件不适合
2）传入组件的值是单向，非双向
3）组件接收传入值在pros定义，请参考vue官方文档

Answer 3

小明同学：1.你还没有分清什么是父子组件，如果想从app里获取数据，应该写成：

       调用组件：
       ...
       <currency-input :value="price"></currency-input>   
       ...
       声明组件的模板里面：
       ...
       <input v-model="price" :value="value" @input="..."/>
       ...
     2.v-model模式只能用到input这样的输入元素上哟，完成双向绑定数据