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">
<