vue 生命周期使用场景

Posted Breaveleon

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue 生命周期使用场景相关的知识,希望对你有一定的参考价值。

vue的生命周期的几个状态不一一描述

下面是vue的几个常用生命周期适合的场景

beforecreate        这个阶段的时候data和method都是拿不到的(通常在实例以外调用)
created              这个可以调用实例的数据和实例的方法(带异步数据请求的方法可以放在这里)
mounted           用于初始数据的dom渲染(需要操作dom的方法放这里)
updated            用于对数据更新做统一处理 (如果想分别区分不同的数据更新,同时进行dom操作就使用
$nextTick)

 

另外监听数据的变化可以用wactch这个类似于ng的$watch

以上是关于vue 生命周期使用场景的主要内容,如果未能解决你的问题,请参考以下文章

vue的生命周期以及使用场景

Vue生命周期钩子函数的使用以及应用场景

Vue生命周期钩子函数的使用以及应用场景

vue生命周期及其应用场景

vue--生命周期及其作用

Vue 开发实战基础篇 # 10:生命周期的应用场景和函数式组件