zoukankan      html  css  js  c++  java
  • vue 父组件向子组件传值 , 子组件向父组件传值 (互传)

    1. 创建一个叫 LoginText.vue的子组件
    2. (父传子)在父组件中引入 LoginText.vue子组件, 并且给子组件 传递 labe, rule, placeholder...值
      image
      image
      image
    3. 子组件接受父组件  传递过来的值  labe, rule, placeholder...
      image
      使用父组件, 传递过来的数据:
      image
    4. (子传父)使用 watch 侦听器  ,侦听input框的值, 如果 input框的值发生变化, 就 调用 封装好的正则方法
      image
      image
    5. 父组件 监听   子组件    触发的自定义事件
      image
    6. 接受 自定义事件, 携带过来的  content值
      image
    7. 并且把值绑定到 data里面
      image
      当满足正则的条件:   父组就可以  拿到  子组件 触发的 自定义事件 携带过来的  值
      image
    8. 但是 第6步的 方法 很繁琐, 这里可以直接在 @inputChange绑定comment
      image
      res 箭头函数里面的  name = res
      res是 LoginText组件  传递过来的参数
      也是可以实现:  双向绑定
      image


  • 相关阅读:
    (2/24) 快速上手一个webpack的demo
    (1/24) 认识webpack
    module.exports 、exports、export、export default的区别
    Git同时提交到多个远程仓库
    @codeforces
    @loj
    @bzoj
    @loj
    @bzoj
    @bzoj
  • 原文地址:https://www.cnblogs.com/cl1998/p/13191993.html
Copyright © 2011-2022 走看看