Vue1父传子子传父传值

父传子组件

• 父组件引入子组件，使用 components 接收；
• 父组件页面显示引入子组件数据；
• 子组件使用 props 接收父组件传过来的数据进行 chu’li 处理数据，页面显示内容；

props:{
      name:{
          type:String，default:'我是默认值，可以不定义'
      }
  }

子传父组件

• 父组件 import 引入子组件，components: 注册子组件
• 父组件中 template 中使用子组件的点击事件
• 子组件正常写入 template 内容，使用点击事件时，this.$emit(‘ 事件名 ’，传入的值或多个值)

   this.$emit("sendiptVal", this.inputValue) 
      // 子组件发射自定义事件 sendiptVal 并携带要传递给父组件的值，// 如果要传递给父组件很多值，这些值要作为参数依次列出 如 this.$emit('valueUp', this.inputValue, this.mesFather); 
    }