vue2的生命周期

牢记生命周期有四对钩子函数，就是vue为我们提供的回调函数，在特定的时间段触发

1.数据拦截跟数据代理完成前及完成后（vue实例创建完成前后），即beforeCreat与created

 <!-- 引入vue2js文件 -->
    <script src="https://cdn.bootcdn.net/ajax/libs/vue/2.1.0/vue.min.js"></script>
    <script>
      // 生成一个vue实例对象
      const vm = new Vue({
        // 钩子函数中`this` 指向 vm 实例
        Beforecreat() {
          // 在vm实例创建完成之前，这个钩子无法使用data中的数据，
          //   因为数据拦截与数据代理还没有完成
        },

        created() {
          // vm实例创建完成后。虽然可以使用data中的数据但是无法操作真实DOM，
          //   因为真实DOM还未挂载到页面中
        },
 

2.真实DOM挂载之前及挂载完成后，即beforeMount与mounted

       beforeMount() {
            // 真实DOM挂载之前，不常用
        },
        mounted() {
            // 真实DOM挂载完成可以对DOM进行操作，做一些页面的初始化。  常用
        },

3.模版更新之前及模版更新之后，即beforeUpdate与update

 beforeUpdate() {
          // 当data中的数据发生改变时，将引起vue重新解析模版，
          // 这个钩子的触发的时间点就是在重新解析模版之前
        },
        update() {
          // 当data中的数据发生改变时，将引起vue重新解析模版，
          // 这个钩子的触发的时间点就是在解析模版完成之后
        },

4.vm(vue缔造出来的实例对象)销毁之前跟销毁之后，即beforeDestroy与destroyed

        beforeDestroy() {
          //   在vm销毁之前触发，通常可以做一些结束的工作
          //   比如关闭定时器，解绑事件等
        },
        destroyed() {
          // vm销毁后，由于vm已经销毁，没办法调用数据所以一般也做不了什么
        },
      });
    </script>