#### 阅读更多系列文章请访问我的[GitHub博客](https://github.com/chencl1986/Blog),示例代码请访问[这里](https://github.com/chencl1986/Blog/tree/master/Demos/Vue%E5%85%A5%E9%97%A8%E7%B3%BB%E5%88%97)。 ## 钩子Hook的概念 钩子的概念并不止存在于浏览器或者Vue实例,原意是用于拦截或监听系统的操作,类似于键盘输入等。 Vue实例生命周期中的钩子,主要用来监听Vue实例的运行阶段,并提供给使用者在不同阶段运行代码的机会。 VueRouter的路由守卫也是一种钩子,它除了监听还提供了拦截的功能。 ## 挂载的概念 document.getElementById('id').innerHTML = '\<div>挂载\</div>' 这个语句其实就是一个挂载操作,它的意思就是把内容输出到页面中。 ## Vue实例生命周期图示详解 