VUE--组件的生命周期及其基本应用

VUE的生命周期

VUE--组件的生命周期及其基本应用_第1张图片

 上图是实例生命周期的图表,需要注意以下几个重要时期:

        创建期:beforeCreated、created

        挂载期:beforeMount、mounted

        更新期:beforeUpdate、updated

        销毁期:beforeUnmount、unmounted


生命周期函数的应用

应用1:通过 ref 获取元素DOM结构




VUE--组件的生命周期及其基本应用_第2张图片

应用2:模拟网络请求渲染数据

一般在页面的css样式呈现后,才显现数据,所以将数据放在页面渲染后,即mounted函数中





你可能感兴趣的:(vue.js,前端,javascript)