官方图已经解释的很详细了，我加上些自己的见解，先说说4个入门的

• created
• mounted
• updated
• destroyed

这里只是粗浅的理解（钩子这个词还真是不好理解，可以搭配debugger来理解）

created

先在基础页面上准备个div，后面vue加载了里面的字就会被覆盖

created(){
        //使用debugger来实验
        console.log('挂载在内存中,没有出现在页面中');
    }

组件已经注入好了（在内存里），但是没有出现在页面中

mounted

改下debugger的位置，组件已经出来了

updated

这个就比较容易理解了，只要组件一更新，就会调用

destroyed

数据更改导致的虚拟 DOM 重新渲染和打补丁，就会调用

让从新组件出现的时候也会重新运行beforeCreate，created和mounted

我大概理解钩子的意思是，在创建，注入内存，渲染，更新，销毁的时间点可以执行特定的函数