vue.js中created方法作用

最新推荐文章于 2023-10-11 17:15:09 发布

转载最新推荐文章于 2023-10-11 17:15:09 发布 · 2.1k 阅读

文章标签：

#vue.js中created方法作用

本文介绍了Vue.js中的created方法，作为生命周期钩子之一，它在Vue实例创建后被调用。通常用于初始化数据或调用API获取初始数据。此外还提到了其他几个生命周期钩子如mounted、updated和destroyed。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

vue.js中created方法作用：

原文转转：http://blog.youkuaiyun.com/shuidinaozhongyan/article/details/72627287

这是它的一个生命周期钩子函数，就是一个vue实例被生成后调用这个函数。一个vue实例被生成后还要绑定到某个html元素上，之后还要进行编译，然后再插入到document中。每一个阶段都会有一个钩子函数，方便开发者在不同阶段处理不同逻辑。

一般可以在created函数中调用ajax获取页面初始化所需的数据。

实例生命周期

每个 Vue 实例在被创建之前都要经过一系列的初始化过程。例如，实例需要配置数据观测(data observer)、编译模版、挂载实例到 DOM ，然后在数据变化时更新 DOM 。在这个过程中，实例也会调用一些生命周期钩子，这就给我们提供了执行自定义逻辑的机会。例如，created 这个钩子在实例被创建之后被调用：

     
      var vm = 
      new Vue({
     
       
      data: {
     
         
      a: 
      1
     
     
        },
     
       
      created: 
      function () {
     
         
      // `this` 指向 vm 实例
     
         
      console.log(
      'a is: ' + 
      this.a)
     
     
        }
     
     
      })
     
     
      // -> "a is: 1"