Vue-生命周期

什么是vue的生命周期

每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如，需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。

• beforeCreate():

• created(): 实例创建完成（用于页面异步加载数据）.

  • beforeMonut()：

• mounted():实例挂载DOM完成（用于页面异步加载数据）

  • beforeUpdate()：

• updated()：实例更新数据完成

  • beforeDestroy()：

• destroyed()：实例消毁完成，销毁子组件和解除事件监听器

计算属性与实例方法的区别

计算属性： 第一次执行时把数据存放在vue的缓存中。下次调用时，

直接从缓存中获取。当属性值发生改变时才会重新计算。

计算属性带有setter和getter方法。

实例方法：方法每次执行时都会被调用，内容会重新渲染。

vue实例常用的属性和方法

$el：获取挂载的根DOM元素

$options：获取初始化配置

$render：服务端的渲染函数

$data： 获取vue中的数据对象

选项/方法

$mount()：挂载DOM

$destory()：销毁实例

$nextTick( callback)：callback回调在下次 DOM更新之后再执行

$emit()： 触发vue中定义的事件

$on()：监听自定义事件

$off()：移出监听事件