钩子函数：
钩子函数：钩子函数是在一个事件触发的时候，在系统级捕获到了他，然后做一些操作。一段用以处理系统消息的程序。“钩子”就是在某个阶段给你一个做某些处理的机会。
钩子函数：

1、是个函数，在系统消息触发时被系统调用

2、不是用户自己触发的
钩子函数的名称是确定的，当系统消息触发，自动会调用。例如react的componentWillUpdate函数，用户只需要编写componentWillUpdate的函数体，当组件状态改变要更新时，系统就会调用componentWillUpdate。
常见的钩子函数：
react的生命周期函数、vue的生命周期函数，vue的自定义指令等

点击路由的时候触发一些函数、触发一些事件



路由的全局钩子函数 

router.beforeEach();路由跳转前的钩子函数



router.afterEach();//路由跳转后的钩子函数



路由的局部构造函数

router.js路由上只有一个beforeEnter（to,from,next）钩子函数



component页面，还有钩子函数



 

路由钩子函数执行顺序

全局的beforeEach()

router.js中的局部的beforeEnter()

.vue文件中的beforeRouteEnter()

vue文件中的beforeRouteEnter()



 

Flask钩子函数
在Flask中钩子函数是使用特定的装饰器的函数。为什么叫做钩子函数呢，是因为钩子函数可以在正常执行的代码中，插入一段自己想要执行的代码，那么这种函数就叫做钩子函数。
before_first_request:Flask项目第一次部署后会执行的钩子函数。
before_request:请求已经到达了Flask，但是还没有进入到具体的视图函数之前调用。一般这个就是在函数之前，我们可以把一些后面需要用到的数据先处理好，方便视图函数使用。
before_request@app.before_first_request
def first_request():
print('只有在处理第一次请求之前执行')
@app.before_request
def before_request():
print('在视图函数执行之前执行')
context_rocessor
只用这个钩子函数，必须返回一个字典。这个字典的值在所有模板中都可以使用。这个钩子函数的作用是，如果一些在很多模板中都要用到的变量，那么就可以使用这个钩子函数来返回，而不是在每个视图函数汇总的render_template中去写，这样可以让代码更加简洁和好维护。
相关推荐：《Python视频教程》@app.context_processor
def context_rocessor():
return {{'current_user':'xxx'}}
errorhandler
在发生异常的时候，比如404，500错误，自定义错误的页面，在errorhangdler装饰的钩子函数下：
要返回状态码
必须写一个参数，来接受错误的信息
使用flask.abort可以手动的抛出相应的错误，比如开发者发现参数不正确的时候可以手动的抛出一个404错误。@app.errorhandler(500)
def server_error(error):
return render_template('500.html'),500
@app.errorhandler(404)
def page_not_found(error):
return render_template('404.html'),404
您可能感兴趣的文章：

vue中created钩子函数与mounted钩子函数的使用区别
发布时间：2018-04-25 16:06,
浏览次数：799
, 标签：
vue
created
mounted
1：在使用vue框架的过程中，我们经常需要给一些数据做一些初始化处理，这时候我们常用的就是在created与mounted选项中作出处理。
首先来看下官方解释，官方解释说created是在实例创建完成后呗立即调用。在这一步，实例已完成以下配置：数据观测 (data
observer)，属性和方法的运算，watch/event 事件回调。然而，挂载阶段还没开始，$el 属性目前不可见。
这话的意思我觉得重点在于说挂架阶段还没开始，什么叫还没开始挂载，也就是说，模板
还没有被渲染成html，也就是这时候通过id什么的去查找页面元素是找不到的。下面看下实例来证明。
看这个例子的结果截图如下，此错误证明找不到id为name的Dom元素。即模板还未渲染成html
所以，一般creadted钩子函数主要是用来初始化数据。
2：mounted钩子函数一般是用来向后端发起请求拿到数据以后做一些业务处理。官方解释如下：
el 被新创建的 vm.$el 替换，并挂载到实例上去之后调用该钩子。如果 root 实例挂载了一个文档内元素，当 mounted 被调用时 vm.$el
也在文档内。
这意思是该钩子函数是在挂在完成以后也就是模板渲染完成以后才会被调用。下面看实例
下面是结果
取到了值，这说明这时候vue模板已经渲染完毕。因此，Dom操作一般是在mounted钩子函数中进行的
computed:{}
计算属性，什么是计算属性呢，我个人理解就是对数据进行一定的操作，可以包含逻辑处理操作，对计算属性中的数据进行监控。计算属性是基于它的以来进行更新的，只有在相关依赖发生改变时侧能更新变化，以函数的形式返回结果。然后可以像绑定普通属性一样在模板中绑定计算属性。
 
 网址
{{msg}}的网络协议是：{{msg2}}