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

通常，可以在创建的函数中调用ajax来获取页面初始化所需的数据。

实例生命周期

每个Vue实例在创建之前都必须经历一系列初始化过程。例如，一个实例需要配置一个数据观察器，编译一个模板，将实例挂载到DOM，然后在数据发生变化时更新DOM。在这个过程中，实例还调用了一些生命周期钩子，这给了我们执行定制逻辑的机会。例如，创建实例后调用创建的钩子：

var vm=new vue({ data : { a : 1 }，created: function () {//` this '指向VM实例console . log(' a is 3360 ' this . a)})///-' a is 3360 1 '也有一些其他的钩子。在实例中，这个钩子指向调用它的Vue实例。有些用户可能会问Vue.js是否有“控制器”的概念。答案是否定的，组件的定制逻辑可以分布在这些钩子中。

生命周期图

下图说明了实例的生命周期。你不需要一下子明白所有的事情，但是以后会有帮助的。

补充：

Vue生命周期中安装和创建的区别

一、什么是生命周期？

用通俗的语言来说，就是从创建到消除Vue中的实例或组件的一系列过程。虽然不是很严格，但基本可以理解。

通过一系列的实践，现在整理出遇到的所有问题，并记录下今天创建和挂载的区别：

二、创造与装裱的区别？

官方图如下：

我们从图中看到两个节点：

在将模板呈现为html之前调用Created:也就是说，一些属性值通常会被初始化，然后呈现为视图。

将模板呈现为html后，调用Mounted:通常，在页面初始化之后，需要对html的dom节点执行一些操作。

其实这两者很容易理解，通常创建是多次使用，而挂载通常是在一些插件或组件的使用中进行操作，例如，插件chart.js使用： varctx=document . getelementbyid(id)；这是通常的情况，但是如果你把它写入组件，你会发现你不能在created中初始化chart，你必须等到这个html被呈现，所以挂载是最好的选择。让我们看一个例子(使用组件)。

三.例子

span style=' font-size : 14px；'Vue.component('demo1 '，{ data : function(){ return { name : ' '，age: ' '，city:'' })，template : ' ulli id=' name ' { name } }/Lili { { age } }/Lili { { city } }/Li/ul '，Created:function () {this。name='唐' this.age='12' this.city='杭' var x=document . getelementbyid(' name ')//第一控制台错误console . log(x . innerhtml)；}，mount ed : function(){ var x=document . getelementbyid(' name ')//span/第二个命令控制台的输出结果span style=' font-size : 14px；'console . log(x . innerHTMl)；} });varvm=new vue({ El : ' # example 1 ' })/span可以看到如下输出：

您可以看到，它们都是用created给出的初始值成功呈现的。

但与此同时，请按如下方式查看控制台表：

可以看出，第一个报告了一个错误。其实找不到id，getElementById(ID)也找不到元素。原因如下：

创建时，视图中的html不会呈现，所以如果此时直接操作html的dom节点，一定找不到相关的元素

在挂载中，由于此时已经渲染了html，可以直接操作dom节点，所以输出结果“唐”。

以上就是装裱和装裱的区别，我自己总结的。写下来，记录下来，加深印象，相对简单。

摘要

以上就是边肖介绍的vue.js中created方法的作用。希望对大家有帮助。如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢您对我们网站的支持！