生命周期

beforeCreate

当实例被创建之前的函数

    没有实例化，数据访问不到

 

created

实例被创建完成之后调用

    能拿到数据，可以在这个钩子函数里发请求，访问后端接口拿数据

    也能修改数据，且修改数据不会触发updated beforeUpdate钩子函数

 

beforeMount

在挂载编译后的html到对应位置时触发的函数(即挂载之前被调用)

相关的 render 函数首次被调用，编译模板已经结束，虚拟dom已经存在，可以访问数据，也可以更改数据

且修改数据不会触发updated beforeUpdate钩子函数

 

mounted

挂载完成后，形成真实的dom节点

    这里就可以发送http请求页面初始化需要的数据了     

    this.$refs找到ref表示的节点

    可以访问和更改数据，且修改数据会触发updated beforeUpdate钩子函数

    这个函数在vue的整个生命周期中只会执行一次，如果有页面数据的变化，会执行update函数来更新数据

 

beforeUpdate

修改之前调用，数据更新之前调用

    这里会监听data数据的变化，如有数据变化，会重新渲染虚拟DOM

 

updated

修改之后调用

    给对应位置的真实DOM打补丁(即更新数据)

   该函数在服务器端渲染期间不被调用

 

beforeDestroy

实例卸载(销毁)以前调用

    可以清理非vue资源,防止内存泄露，但此时的实例仍然可以用

 

destroyed

vue实例卸载(销毁)之后执行的函数

    vue实例指示的所有东西都会解绑，所有的事件监听器会被 卸载移除，所有的子实例也会被销毁。 

      该函数在服务器端渲染期间不被调用

 

keep-alive

缓存组件时候调用

    包裹动态组件时，会缓存不活动的组件实例，而不是销毁

    组件切换调用时本身会被销毁，只要加上keep-alive进行包裹，就不会被销毁，而是被缓存起来

 

activated  

当组件为活跃状态时触发（活跃状态：进入页面的时候）

 

deactivated

缓存状态时触发（缓存组件卸载的时候调用）

 

watch

监听特定值的变化

当值发生变化时来执行特点的函数，监听属性时有两个参数（newVal,oldVal），新值和旧值