Vue的執行個體是Vue架構的入口，其實也就是前端的ViewModel，它包含了頁面中的業務邏輯處理、資料模型等，當然它也有自己的一系列的生命周期的事件鈎子，輔助我們進行對整個Vue執行個體生成、編譯、挂着、銷毀等過程進行js控制。
介紹
Vue的執行個體的資料對象data 我們已經用了很多了，資料綁定離不開data裡面的資料。也是Vue的核心屬性。 它是Vue綁定資料到HTML标簽的資料源泉，另外Vue架構會自動監視data裡面的資料變化，自動更新資料到HTML标簽上去。本質原理是：Vue會自動将data裡面的資料進行遞歸抓換成getter和setter，然後就可以自動更新HTML标簽了，當然用getter和setter是以老的浏覽器Vue支援的不夠好。
data對象的類型：
類型是Object或者Function。
如果是元件對象中，data必須是Function類型。【後面學了元件後就明白了，暫時對元件先放放。】
執行個體：
Vue的計算屬性（computed)的屬性會自動混入Vue的執行個體中。所有 getter 和 setter 的 this 上下文自動地綁定為 Vue 執行個體。這就很強大了，再計算屬性中定義的函數裡面可以直接使用指向了vue執行個體的this，異常友善的啊。
類型
<code>{ 鍵：函數}</code> <code>{ [key: string]: Function | { get: Function, set: Function } }</code> 當然，可以省略setter,如果省略了setter，那麼值就可以是普通函數，但是必須有傳回值。
官方的執行個體
類型: { [key: string]: Function }
詳細:
methods 将被混入到 Vue 執行個體中。可以直接通過 VM 執行個體通路這些方法，或者在指令表達式中使用。方法中的 this 自動綁定為 Vue 執行個體。
注意，不應該使用箭頭函數來定義 method 函數 (例如 plus: () => this.a++)。理由是箭頭函數綁定了父級作用域的上下文，是以 this 将不會按照期望指向 Vue 執行個體，this.a 将是 undefined。
示例:
<code>{ [key: string]: string | Function | Object }</code>
一個對象，鍵是需要觀察的表達式，值是對應回調函數。值也可以是方法名，或者包含選項的對象。Vue 執行個體将會在執行個體化時調用 $watch()，周遊 watch 對象的每一個屬性。
參考綜合案例：
<code>string | HTMLElement</code>
限制： 隻在由 new 建立的執行個體中遵守。
詳細：
提供一個在頁面上已存在的 DOM 元素作為 Vue 執行個體的挂載目标,也就是說Vue綁定資料到哪裡去找。可以是<code>CSS 選擇器</code>，也可以是一個 <code>HTMLElement執行個體</code>。
在執行個體挂載之後(生命周期的内容後面會詳細講的奧)， 元素可以用 vm.$el 通路。
如果這個選項在執行個體化時有作用，執行個體将立即進入編譯過程，否則，需要顯式調用 vm.$mount() 手動開啟編譯。
Vue執行個體有一個完整的生命周期，也就是從開始建立、初始化資料、編譯模闆、挂載Dom、渲染→更新→渲染、解除安裝等一系列過程，我們稱這是Vue的生命周期。通俗說就是Vue執行個體從建立到銷毀的過程，就是生命周期。
在Vue的整個生命周期中，它提供了一系列的事件，可以讓我們注冊js方法，可以讓我們達到控制整個過程的目的地，哇賽，如果你搞過Asp.Net WebForm的話，你會發現整個就是WebForm的翻版嘛哈哈。值得注意的是，在這些事件響應方法中的this直接指向的是vue的執行個體。
首先看看下面官網的一張生命周期的圖，我做一下标注，看看整體的流程，後面我們上代碼做一下效果。
Vue提供的可以注冊的鈎子都在上圖檔的紅色框标注。 他們是：
<code>beforeCreate</code>
在執行個體初始化之後，資料觀測(data observer) 和 event/watcher 事件配置之前被調用。
<code>created</code>
執行個體已經建立完成之後被調用。在這一步，執行個體已完成以下的配置：資料觀測(data observer)，屬性和方法的運算， watch/event 事件回調。然而，挂載階段還沒開始，$el 屬性目前不可見。
<code>beforeMount</code>
在挂載開始之前被調用：相關的 render 函數首次被調用。
<code>mounted</code>
el 被新建立的 vm.$el 替換，并挂載到執行個體上去之後調用該鈎子。如果 root 執行個體挂載了一個文檔内元素，當 mounted 被調用時 vm.$el 也在文檔内。
<code>beforeUpdate</code>
資料更新時調用，發生在虛拟 DOM 重新渲染和打更新檔之前。 你可以在這個鈎子中進一步地更改狀态，這不會觸發附加的重渲染過程。
<code>updated</code>
由于資料更改導緻的虛拟 DOM 重新渲染和打更新檔，在這之後會調用該鈎子。
當這個鈎子被調用時，元件 DOM 已經更新，是以你現在可以執行依賴于 DOM 的操作。然而在大多數情況下，你應該避免在此期間更改狀态，因為這可能會導緻更新無限循環。
該鈎子在伺服器端渲染期間不被調用。
<code>beforeDestroy</code>
執行個體銷毀之前調用。在這一步，執行個體仍然完全可用。
<code>destroyed</code>
Vue 執行個體銷毀後調用。調用後，Vue 執行個體訓示的所有東西都會解綁定，所有的事件監聽器會被移除，所有的子執行個體也會被銷毀。 該鈎子在伺服器端渲染期間不被調用。
接下來我們做一個例子，看一下Vue中所有的生命周期怎麼用的。
再看一個綜合的實戰的例子，可能涉及到ajax群組件，不過先看一下vue的生命周期的例子的用法：
silent
類型： boolean
預設值： false
用法：
optionMergeStrategies
類型： { [key: string]: Function }
預設值： {}
devtools
預設值： true (生産版為 false)
errorHandler
類型： Function
預設值： 預設抛出錯誤
ignoredElements
類型: Array
預設值: []
用法:
keyCodes
類型： { [key: string]: number | Array }
<code>文法： Vue.nextTick( [callback, context] )</code>
用法： 在下次 DOM 更新循環結束之後執行延遲回調。在修改資料之後立即使用這個方法，擷取更新後的 DOM。
<code>文法： Vue.set( object, key, value )</code>
設定對象的屬性。如果對象是響應式的，確定屬性被建立後也是響應式的，同時觸發視圖更新。這個方法主要用于避開 Vue 不能檢測屬性被添加的限制。 注意對象不能是 Vue 執行個體，或者 Vue 執行個體的根資料對象。
文法：
<code>Vue.compile( template )</code>
參數：
<code>{string} template</code>
其實還有幾個其他的全局API，不打算在這裡講了，比如擴充元件Vue.extend 的用法、Vue.use加載插件、Vue.filter加載過濾器、Vue.directive自定義指令等 後面再講其他Vue的知識點的時候，再加上這些，全局API其實就是Vue類型的靜态方法，全局範圍内都可以使用的，某些執行個體的方法本質也是調用了這些全局的，後面用到時候再說。
Vue的執行個體封裝的還是挺有藝術性的，很符合開發者的思維規範，它的生命周期也非常清晰，使用起來也非常友善。Vue确實一個好架構。
