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

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

什么是生命周期呢？

vue中的生命周期指的是组件从创建到销毁一个过程，在这个过程中，我们在每一个特定的阶段会触发一些方法（这些方法具备一些功能），我们给这些方法起了个名字叫做（生命周期钩子函数/ 组件钩子）

为什么要学习生命周期？
因为我们想在生命周期钩子中实现项目功能，那么我们必须知道每一个钩子函数的具体用途

项目中生命周期如何书写（功能）
Vue的生命周期分为三个阶段，分别为：初始化，运行中，销毁，一共8个钩子函数
注意：生命周期钩子函数不允许写成箭头函数

实例生命周期

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

export default {// created() 这个函数是vue内置函数，当组件创建完成自动触发的一个函数// created函数表示：b组件创建完成// 这个创建的意思是：在浏览器访问项目的时候开始创建created(){console.log('响应的数据')}
}

也有一些其它的钩子，在实例生命周期的不同阶段调用，如 mounted、 updated 、destroyed 。钩子函数中的 this 指向调用它的 Vue 实例。一些童鞋可能会问 Vue.js 是否有“控制器”的概念？答案是，没有。组件的自定义逻辑可以分布在这些钩子中。

【Vue】- created()方法相关推荐

vue created 调用方法_深入解析 Vue 的热更新原理，偷学尤大的秘籍？
大家都用过 Vue-CLI 创建 vue 应用,在开发的时候我们修改了 vue 文件,保存了文件,浏览器上就自动更新出我们写的组件内容,非常的顺滑流畅,大大提高了开发效率.想知道这背后是怎么实现的吗, ...
vue 在进入某一个页面的时候，created方法不执行，----亲测，通俗易懂
今天在写vue项目的时候遇到了这样一个问题当我点击某一个二级菜单的时候会进入到相应的页面,但是这个页面的created方法不执行代码如下: data(){return{uploadData: {us ...
vue在created调用点击方法_vue.js中created方法的使用详解
这次给大家带来vue.js中created方法的使用详解,使用vue.js中created方法的注意事项有哪些,下面就是实战案例,一起来看一下. 这是它的一个生命周期钩子函数,就是一个vue实例被生成 ...
vue中的created方法
created方法是vue生命周期的created方法,创建vue实例的时候会被调用,接下来我们看一下她的效果吧 <!DOCTYPE html> <html lang="e ...
created写法_vue.js中created方法作用
这是它的一个生命周期钩子函数,就是一个vue实例被生成后调用这个函数.一个vue实例被生成后还要绑定到某个html元素上,之后还要进行编译,然后再插入到document中.每一个阶段都会有一个钩子函数 ...
vue.nextTick()方法的使用详解（简单明了）
什么是Vue.nextTick()?? 定义:在下次 DOM 更新循环结束之后执行延迟回调.在修改数据之后立即使用这个方法,获取更新后的 DOM. 所以就衍生出了这个获取更新后的DOM的Vue方法.所 ...
简单介绍Vue之vue.$set()方法源码案例
这篇文章主要介绍了Vue之vue.$set()方法源码案例详解,本篇文章通过简要的案例,讲解了该项技术的了解与使用,以下就是详细内容,需要的朋友可以参考下在使用vue开发项目的过程中,经常会遇到这样 ...
vue filter对象_学习vue源码（3）手写Vue.directive、Vue.filter、Vue.component方法
一.Vue.directive Vue.directive(id,[definition]); 1)参数 { string } id{ Function | Object } [ definition ...
【uni-app】使用定义在App.vue的方法
[uni-app]使用定义在App.vue的方法前言在methods中添加(推荐) 在globalData中添加方法(不建议) 前言接手了一个小程序项目,考虑到后期可能会扩展到APP上,筛选技术 ...
vue-03-4：vue封装方法到工具类
vue-03-4:vue封装方法到工具类参考博客:咸鱼最牛逼地址:https://blog.csdn.net/panchang199266?utm_source=feed 一.步骤 1.src目录 ...

【Vue】- created()方法

什么是生命周期呢？

实例生命周期

【Vue】- created()方法相关推荐

最新文章

热门文章