vue是現在的熱門前端框架之一，採用了虛擬dom，稍微介紹一下虛擬dom的概念。在使用原生js的時候，我們總數需要去獲取dom元素，這樣的話，每次要獲取元素都要操作一次dom,我們就要執行一次，那麼我們就要考慮如何減少操作的次數，虛擬dom就是為這個考慮而設計的。先簡單介紹幾個鉤子函式，因為現在已經跟新到了vue2.0,因此，將主要介紹vue2.0的。

beforeCreated:我們在用Vue時都要進行例項化，因此，該函式就是在Vue例項化是呼叫，也可以將他理解為初始化函式比較方便一點，在Vue1.0時，這個函式的名字就是init。

created:在建立例項之後進行呼叫。

mounted:我們可以將他理解為原生js中的window.onload=function({.,.}),或許大家也在用jquery,所以也可以理解為jquery中的$(document).ready(function(){….}),相信講解了這兩個例子，也就理解了這個函式的功能了，他的功能就是：在dom文件渲染完畢之後將要執行的函式，該函式在Vue1.0版本中名字為compiled。

beforeDestroy:該函式將在銷燬例項前進行呼叫

destroyed：改函式將在銷燬例項時進行呼叫
講了上面兩個銷燬函式，如何進行銷燬呢，我們可以使用mounted函式來進行

mounted:function(){
    this.$destroy();
}

beforeCreate:function(){
                console.log('init');
            },
            created:function(){
                console.log('created ');
            },
            beforeDestroy:function
 
(){
                console.log('beforeDestroy');
            },
            destroyed:function(){
                console.log('destroyed');
            },
            mounted:function(){
                console.log('mounted');
            }

上面的程式碼執行後結果為: