开局一张图,内容全靠扯。
1)beforeCreate
实例创建之前,这个阶段的时候data和method都是拿不到的(通常在实例以外调用)。应用场景:可以加一些loading的效果,实例创建后移除
2)created
实例创建之后,这个阶段就可以自由的操作数据了。但是dom节点啥的还没有加载好。应用场景:初始化数据,比如为组件中的下拉列表获取数据源。
3)beforeMount
节点挂载前,此时组件应该是拿到了虚拟的节点,但是没有进行渲染。应用场景:获取节点的信息,然后改变,等待渲染
4)mounted
节点渲染后,此时所有的节点信息被获取和渲染,可以操作节点了。
应用场景:移动某个节点,并给这个节点不停地变化颜色。是不是就成了美丽的跑马灯。
5)beforeUpdate
数据更新前,它检测所有的数据更新。应用场景:对组件中所有的数据要求比较严格,更新前验证数据和合法性。
6)updated
数据更新后,所有数据更新后会调用。应用场景:每个数据变化后都自动保存,或者保存用户的输入记录。
7)beforeDestroy
实例销毁前,这个时候组件的所有东西还是完好的。应用场景:自定义检测用户有没有未保存的数据,提示用户是否继续销毁或者保存数据。
8)destroyed
实例销毁后,此时组件包括其子组件已经完全销毁。应用场景:相当于组件已经死亡,但是下地府之前还能再许一个愿望。必须销毁一些业务逻辑上和自身有关联的组件,或者打开下一步逻辑需要的组件。
实例创建之前,这个阶段的时候data和method都是拿不到的(通常在实例以外调用)。应用场景:可以加一些loading的效果,实例创建后移除
2)created
实例创建之后,这个阶段就可以自由的操作数据了。但是dom节点啥的还没有加载好。应用场景:初始化数据,比如为组件中的下拉列表获取数据源。
3)beforeMount
节点挂载前,此时组件应该是拿到了虚拟的节点,但是没有进行渲染。应用场景:获取节点的信息,然后改变,等待渲染
4)mounted
节点渲染后,此时所有的节点信息被获取和渲染,可以操作节点了。
应用场景:移动某个节点,并给这个节点不停地变化颜色。是不是就成了美丽的跑马灯。
5)beforeUpdate
数据更新前,它检测所有的数据更新。应用场景:对组件中所有的数据要求比较严格,更新前验证数据和合法性。
6)updated
数据更新后,所有数据更新后会调用。应用场景:每个数据变化后都自动保存,或者保存用户的输入记录。
7)beforeDestroy
实例销毁前,这个时候组件的所有东西还是完好的。应用场景:自定义检测用户有没有未保存的数据,提示用户是否继续销毁或者保存数据。
8)destroyed
实例销毁后,此时组件包括其子组件已经完全销毁。应用场景:相当于组件已经死亡,但是下地府之前还能再许一个愿望。必须销毁一些业务逻辑上和自身有关联的组件,或者打开下一步逻辑需要的组件。