Vue教程16：Vue实例生命周期详解

[chencl1986]

阅读更多系列文章请访问我的GitHub博客，示例代码请访问这里。

钩子Hook的概念

钩子的概念并不止存在于浏览器或者Vue实例，原意是用于拦截或监听系统的操作，类似于键盘输入等。
Vue实例生命周期中的钩子，主要用来监听Vue实例的运行阶段，并提供给使用者在不同阶段运行代码的机会。
VueRouter的路由守卫也是一种钩子，它除了监听还提供了拦截的功能。

挂载的概念

document.getElementById('id').innerHTML = '<div>挂载</div>'
这个语句其实就是一个挂载操作，它的意思就是把内容输出到页面中。

Vue实例生命周期图示详解