vue生命周期钩子函数

//index.html


	
		
		
		
	
	
		

			
{{tit}}
            更新
			销毁
		
	
	

生命周期钩子函数中最常用的是beforeCreate和mounted两个，beforeCreate可以用于在视图加载之前展示一个loading页面。二mounted可以发起ajax请求。下面在beforeCreate钩子函数里面写入一个加载的插件，代码如下：

//稍微修改上面代码
//引入文件







//其他部分更改

钩子函数：一方面有变动，另一方面立马来处理变动的函数，成为钩子函数（说白了就是管理组件变化的函数）。

This指向必须指向实例化本身。所有的生命周期钩子自动绑定this上下文到实例中，因此你可以访问数据，对属性和方法进行运算。所以不能使用箭头函数来定义一个生命周期方法（例如：created: () => this.fetchTodos()），箭头函数绑定了父上下文，this并不指向Vue实例，this.fetchTodos 的行为未定义。

四个阶段：创建、挂载、更新、销毁

注：钩子函数官方API上给有十一个，但是常见的就上面提到的八个

beforeCreate,created,beforeMount,mounted,beforeUpdate,updated,activated,deactivated,beforeDestroy,destroyed,errorCaptured