Vue——(1)父传子，子传父(传值)

父传子组件

• 父组件引入子组件，使用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); 
    }