var vm = new Vue({
      el: '#app',// 控制區域
      data: {},// 定義資料
      methods: {},// 定義方法
      filters: {},// 定義私有過濾器
      directives: {},// 定義私有指令
      components: { }, // 定義例項內部私有元件的

      beforeCreate() { },// 例項剛在記憶體中被創建出來，此時，還沒有初始化好 data 和 methods 屬性
      created() { }, //例項已經在記憶體中建立OK，此時 data 和 methods 已經建立OK，此時還沒有開始 編譯模板
 

      beforeMount() { },// 此時已經完成了模板的編譯，但是還沒有掛載到頁面中
      mounted() { },// 此時，已經將編譯好的模板，掛載到了頁面指定的容器中顯示
      beforeUpdate() { },// 狀態更新之前執行此函式， 此時 data 中的狀態值是最新的，但是介面上顯示的 資料還是舊的，因為此時還沒有開始重新渲染DOM節點
      updated() { },// 例項更新完畢之後呼叫此函式，此時 data 中的狀態值 和 介面上顯示的資料，都已經完成了更新，介面已經被重新渲染好了！
      beforeDestroy() { },//
 
 例項銷燬之前呼叫。在這一步，例項仍然完全可用。
      destroyed() { }, //Vue 例項銷燬後呼叫。呼叫後，Vue 例項指示的所有東西都會解繫結，所有的事件監聽器會被移除，所有的子例項也會被銷燬。
    })