Vue的options及生命周期

6.Vue的options选项

options中可以包含哪些？

具体的详细解析可以查看这个地址：

https://cn.vuejs.org/v2/api/#optionMergeStrategies

我们在前面用到的3个属性：el、data、methods

el

类型：string 或者 HTMLElemetn

作用：决定之后Vue实例会管理那一个DOM

data

类型：Object 或者 Function（组建当中data必须是一个函数）

作用：Vue实例对应的数据对象

methods

类型：{[key:string]:Function} （函数名:function）

作用：定义属于Vue的一些方法，可以在其他地方调用，也可以在指令中使用

什么叫方法？什么又叫函数？

1.首先单词不一样：方法叫method；函数叫function

2.虽然都是通过function来定义的，但是一般写在外面的就是函数；如果定义在类里面，就是方法，方法和实例对象是挂钩的

因为上面计数器中，app与this.counter是相挂钩的，所以app要被称之为方法

7-1.Vue的生命周期

什么是生命周期？

生命周期：事物从诞生到消亡的整个过程

Vue的生命周期：

虽然我们之前定义new vue({})只需要这么简单的一句，但是它包括了一堆源码

我们通过Vue的源码来看Vue的生命周期

github下载地址：https://github.com/vuejs/vue/tree/dev

开发版：debug；      发布版：release

这里要选择稳定版本Tags中的最新版，再点Code下载：

点击此处下载源码：

下载好后解压文件后，将其放在HBuilder中

我们可以看出，一个简单的Vue中就包含了这么多东西

我们在再来找到这个文件，这里才是定义Vue的地方

但是这里又有一个init初始化，这又对应了很多文件，这里不再一一说明

而这些，才是Vue的生命周期，而不是简单地定义一句new Vue({})

当然，我们知道了生命周期后，就可以让它回调告诉我们执行到哪一步了

除了可以传el，data，methods这三个东西之外，还可以传一些函数：

运行结果如下：

我们这里并没有去调用，例如created();调用函数

小结：生命周期就是你写的new Vue，看起来是很简单的一个东西，但是它的内部做了一系列的事情；而他在做一系列的事情过程当中，如果你有写回调函数，它就会告诉你到哪一步了

这就是我们是用生命周期函数去做一些我们想做的事情

7-2.生命周期函数

生命周期函数有哪些？

created是做一些网络请求，

当我们把某一个组件创建完成后，就会在create中请求一些数据，把我们请求到的数据再放到data里面，最后把data数据展示到DOM中给用户看到

在实际的运用最，最常用到的就是created和mounted这两个

还有一些例如beforCreate等这些都是周期函数

- 写作不易，大家多多关注，谢谢啦-

---web分享，分享的不只是web