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等這些都是週期函式