VUE组件的生命周期

组件的生命周期

• 定义：每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如，需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。
• 生命周期钩子函数：同时在这个过程中也会运行特定函数称为生命周期钩子函数
• 作用：给了用户在不同阶段添加自己代码的机会
• 整理代码快捷键

Alt+Shift+F

• 创建，渲染，更新，销毁
• 创建前

beforeCreate

• 创建完毕

created //Ajax操作，数据初始化

• 渲染前

beforeMount

• 渲染完毕

mounted //定时器，延时器（页面已经渲染，只会做一次）

• 更新前

beforeUpdate

• 更新完毕

updated //数据和模板已经绑定在一起，页面已经渲染（做多次，只要数据更新）

• 销毁前

beforeDestroy

• 销毁完毕

destroyed

• 组件的传递参数
  1.传 调用组件的时候 用属性传参的方式传递

<slider :images="gallery">

2.接 props接收

props:{
images:{ type:Array,
default:[]
}
}

好了，今天的分享就到这里了！
愿你三冬暖，愿你春不寒；愿你天黑有灯，下雨有伞。

小晴天