vue生命周期函数在实际开发中的使用场景

生命周期函数又叫生命周期钩子，也就是执行到某一阶段会自动回调的一些函数

关于before-xxx就不做赘述了

1. created

通常在这个钩子中做一些网络请求，比如从服务器获取一些初始化的数据放到data中，值得注意的是：在created阶段，对浏览器来说，dom节点、css规则树与js文件被解析后，没有进入到render过程，也就是说上述资源还没有被挂载在页面上，所以我们无法获取到对应的节点，也就是无法操作dom，但是此时我们是可以获取到vue中data与methods中的数据的。

2. mounted

在mounted阶段，已经完成了render，也就是vue的template成功挂载在$el中，此时一个完整的页面已经能够显示在浏览器中，所以在这个阶段，我们就可以操作dom节点了。