学习Vue核心知识:掌握生命周期钩子函数的使用方法
发布时间
阅读量:
阅读量
vue基础实践:生命周期钩子函数
el :'#app' 用于界定当前vm所绑定的视图元素
el:'#app' 与 template: '<h1>{{msg}}</h1>' 具有等价性,//表明 template 与 el:'#app' 已无直接关联
生命周期阶段(钩子函数)
- beforeCreated 实例创建前触发
- created 实例创建完成 ,(通常在此阶段执行数据的异步获取)通过异步方式发送ajax请求,
- beforeMount 在Dom渲染前执行,组件首次加载时触发(在将渲染结果插入页面之前)
{{msg}}- Mount Dom渲染完成后触发,组件首次加载时执行(在将渲染结果插入页面之后)
你好世界- beforUpdate 数据更新前触发(用于控制DOM的重新渲染)
- Update 数据更新后触发,完成重新渲染过程
- beforeDestroy 组件销毁前触发
- destroy 组件销毁前触发
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<me
全部评论 (0)
还没有任何评论哟~
