生命周期函数

// 最开始执行 vue created(){}
constructor(props) {
  super(props)
  this.state = {
    inputValue: '',
    list: []
  }
  this.handleInputChange = this.handleInputChange.bind(this)
  this.handleButtonClick = this.handleButtonClick.bind(this)
  this.handleDel = this.handleDel.bind(this)
}

// 在组建即将被挂载到页面前自动执行,只在挂载时候执行
  componentWillMount() {}

  render() {}

// 在组件被挂载到页面之后自动执行,只在挂载时候执行
  componentDidMount() {}

// 组件更新之前自动执行
  shouldComponentUpdate() {
    console.log('shouldComponentUpdate')
    return true
    // 如果是return false  组件不会更新    return false
  }
// 组件更新之前自动执行,在shouldComponentUpdate后执行
  // 如果在shouldComponentUpdate后执行 返回 true  执行  返回false  则不执行
  componentWillUpdate() {
    console.log('componentWillUpdate')
  }
// 组件更新完成后执行
  componentDidUpdate() {
    console.log('componentWillUpdate')
  }
  // 当一个组件 从父组件接收参数
  // 如果这个组件第一次存在于父组件中，不会执行
  //如果这个组件之前已经存在于父组件中，才会执行
  componentWillReceiveProps() {
    console.log('componentWillReceiveProps')
  }