vue  父组件向子组件传值  , 子组件向父组件传值 (互传)
                
                
                    时间:
2020-06-25 16:23:41
                         阅读:
1176
                         评论:
                         收藏:
0
                         [点我收藏+]
                
                    - 创建一个叫 LoginText.vue的子组件
- (父传子)在父组件中引入 LoginText.vue子组件, 并且给子组件 传递 labe, rule, placeholder...值
   
   
   
- 子组件接受父组件  传递过来的值  labe, rule, placeholder...
   
 使用父组件, 传递过来的数据:
   
- (子传父)使用 watch 侦听器  ,侦听input框的值, 如果 input框的值发生变化, 就 调用 封装好的正则方法
  
   
- 父组件 监听   子组件    触发的自定义事件
   
- 接受 自定义事件, 携带过来的  content值
   
- 并且把值绑定到 data里面
   
 当满足正则的条件:   父组就可以  拿到  子组件 触发的 自定义事件 携带过来的  值
   
- 但是 第6步的 方法 很繁琐, 这里可以直接在 @inputChange绑定comment
   
 res 箭头函数里面的  name = res
 res是 LoginText组件  传递过来的参数
 也是可以实现:  双向绑定
   
 
 
 
vue  父组件向子组件传值  , 子组件向父组件传值 (互传)
原文:https://www.cnblogs.com/cl1998/p/13191993.html