Advertisement

学习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)

还没有任何评论哟~