vue里的created

在Vue中,created是一个非常重要的生命周期,它在实例创建之后被调用,这是一个非常重要的钩子函数。当Vue实例创建完毕并且已经完成数据观测时,我们就可以执行初始化相关的操作,这就是created这个钩子函数的作用。

vue里的created

对于created这个钩子函数,我们需要注意一些细节。首先,created只会被调用一次,也就是说,它是一个初始化函数。其次,在created执行期间,我们可以进行一些操作,比如对数据进行初始化,但是此时组件并未进行DOM的挂载,所以无法访问到DOM节点。因此,在created钩子函数中我们不能进行DOM操作,但是可以进行数据操作、实例方法和事件的订阅等以及必要的非DOM操作。

created() {
  //对数据进行初始化
  this.initialData()
  //向父组件发送初始化完成的事件
  this.$emit('initCompleted')
}

在created生命周期中,我们可以操作vue实例中的数据,以及生命周期的参数参数,例如el、data、computed、methods、watch等。此外,在created生命周期还可以使用vue提供的实例方法,例如$nextTick、$watch等。此时,我们可以对数据进行一些处理,例如获取后台数据,或者进行一些数据类型转换处理。

在created生命周期的使用中,我们还需要注意另外一个问题,就是该函数的调用时机。我们知道,在Vue中,created生命周期是在选项中实例创建后调用的,而这时只是创建了Vue实例,还没有开始挂载代码,因此在created生命周期中,我们并不能访问到任何的DOM元素。同时,我们也需要注意到,created没有props和route等属性的实例访问。

created() {
    //获取后台数据
    this.getData();
    //处理数据类型
    this.formatData(this.originalData);
}

总的来说,created生命周期是一个非常重要的生命钩子,它可以在Vue实例初始化完成后,进行一些必要的操作。通过对Vue生命周期的研究,我们可以更好的理解Vue实例的生命周期,进而更加深入的理解Vue.js。

相关文章

这篇文章我们将通过debug源码的方式来带你搞清楚defineAsync...
欧阳老老实实的更新自己的高质量vue源码文章,还被某2.6k st...
前言 在Vue3.5版本中响应式 Props 解构终于正式转正了,这个...
组合式 (Composition) API 的一大特点是“非常灵活”,但也因...
相信你最近应该看到了不少介绍Vue Vine的文章,这篇文章我们...
前言 在欧阳的上一篇 这应该是全网最详细的Vue3.5版本解读文...