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">
    <
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值