Vue learning 7: Vue life cycle

First, let's take an official picture. My English is not good, so I made a general remark.

see a piece of code

beforeCreate () {
                console.log('beforeCreate');
            },
            created () {
                console.log('created');
            },
            beforeMount () {
                console.log(this.$el);
                console.log('beforeMount');
            },
            mounted () {
                console.log(this.$el);
                console.log('mounted');
            }

The console output is as follows

beforeDestroy () {
   console.log('befroreDestroy')
},
destroyed () {
  console.log('destoryed')
}

beforeDestroy () {
                console.log('befroreDestroy')
            },
            destroyed () {
                console.log('destoryed')
            },
            beforeUpdate () {
                // console.log(this.$data.message);
                console.log('beforeUpdate');
            },
 updated () {
                // console.log(this.$data.message);
                console.log('updated')
            }

The console output is as follows