直接引入Vue时，vue对象和vue组件间的生命周期顺序

本次讨论的是引入<script>标签使用vue时vue对象和vue组件间的生命周期顺序，本次不讨论beforUpdata后的生命周期，主要是由于在使用vue组件时经常造成vue对象与组件之间传参出现问题

本人在开发时比较喜欢vue的MVVM模式，vue的渲染模板使用起来很高效，整体代码也比较美观，使用vue时生命周期是一个比较重要的问题，否则会造成报错时可能都找不到原因，先放上一张官方提供的生命周期图

 

这是官方提供的生命周期图，这个是单个vue对象的生命周期，组件也是一个独立的vue对象，加入组件后，本次通过实验的方式验证vue对象和组件之间的生命周期

1.创建一个组件js文件，并注册组件

Vue.component('hello', {
    template: `<div>hello {
  {this.name}}</div>`,
    props: {
        name: {
            type: String,
            default: 'zhangsan'
        }
    },
    beforeCreate: function () {
        console.log('beforeCreate');
        console.log(this.name);
    },
    created: function () {
        co