Vue生命周期与网络请求

私有钩子指令
在Vue实例中添加

directives:{		//私有钩子指令
				'fontweight':{
					bind:function(el,binding){
					  el.style.fontWeight = binding.value
					}
				},
				//简写版本
				//这个function等同于把代码写到bind和update中
				'fontsize':function(el,binding){
					el.style.fontSize = binding.value + 'px'
				}
			}

Vue的生命周期
在一个实例中第一个生命周期函数,Vue实例完全被创建出来之前执行这个,此时data和method中的数据还没初始化无法使用

beforeCreate() {}

这是遇到的第二个生命周期函数，可以使用data和method中的数据和方法

created() {}

遇到的第三个生命周期函数，表示模板在内存中编译完成，但没有渲染到页面中去

beforeMount() {}

第四个周期函数，表示内存中的模板已经挂在页面中去了，执行完了这个表示整个Vue实例已经初始化完毕了

mounted() {}

然后是Vue实例运行的两个事件：

这时候界面还没有被更新，数据被更新了
beforeUpdate() {}
updated执行的时候，页面和data中的数据已经同步

updated()