Vue学习计划--Vue2（七）生命周期

抛出问题：一进入页面就开启一个定时器，每隔1秒count就加1，如何实现
示例：

    {{ n }}
    执行

下面正式进入生命周期

1. 生命周期

1. 常用的生命周期钩子：
   1. mounted: 发送ajax请求、启动定时器、绑定自定义事件、订阅消息等【初始化操作】
   2. beforeDestroy：清除定时器、解绑自定义事件、取消订阅消息等【收尾工作】
2. 关于销毁Vue实例
   1. 销毁后借助Vue开发者工具看不到任何消息
   2. 销毁后自定义事件会失效
   3. 一般不会在beforeDestroy操作数据，因为即便操作数据，也不会在触发更新流程了
   4. vm.$destroy():完全销毁一个实例。清理它与其它实例的连接，解绑它的全部指令及事件监听器。
3. vm的生命周期
   1. 将要创建 ==> 调用beforeCreate函数
   2. 创建完毕 ==> 调用created函数
   3. 将要挂载 ==> 调用beforeMount函数
   4. （重要）挂载完毕 ==> 调用mounted函数 =====>【重要的钩子】
   5. 将要更新 ==> 调用beforeUpdate函数
   6. 更新完毕 ==> 调用updated函数
   7. （重要）将要销毁 ==> 调用beforeDestroy函数 =====>【重要的钩子】
   8. 销毁完毕 ==> 调用destroyed函数
4. 注意：
   $destory方法进入销毁生命周期，进入beforeDestroy后，销毁页面。vue-tools就不在监视,并且页面dom与Vue断了联系，点击页面事件已经无反应

示例：

	
	
	
	    
	    
	    
	    
	    
	
	
	

	    
当前的n值是：{{ n }}
	    添加
	    销毁
	
	
	
	
	

回归问题：beforeDestroy生命周期内清除定时器

  

  
此时的n值是：{{ n }}
  n值设置为99
  停止